Tabs opening order
When the page is loaded, it automatically opens the first tab - but is it somehow possible to show second or third one instead?
Thread
Forum
» Wikidot features and bugs / Bugs and problems
» Tabs opening order
(account deleted)Sorry, can't be done. This has been asked and answered many times over the years.
http://community.wikidot.com/search:site/a/f/q/tabview%20link%20to%20tab
The docs explain it can't be done:
http://www.wikidot.com/doc-wiki-syntax:layout#tabview
Your best bet would be to use a Bootstrap theme and use tabs or pills.
Right, it should be possible. It requires Wikidot to update the yui tabview backend code from Yahoo APIs or implement it in a different way. The code they use here has been deprecated since 2011.
Since development around here has been virtually non-existent for years, I wouldn't hold my breath.
So, I disassembled that page, threw off all unneccessary things and found roots of the answer.
[[HTML]]
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/tabview/assets/skins/sam/tabview.css" />
<link rel="stylesheet" type="text/css" href="http://d3g0gp89917ko0.cloudfront.net/v--2f62f70fa3c2/common--theme/base/css/style.css" />
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/yuiloader/yuiloader-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/event/event-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/dom/dom-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/tabview/tabview-min.js"></script>
</head>
<div id="demo">
<ul class="yui-nav">
<li><a href="#tab1"><em> Tab 1 </em></a></li>
<li class="selected"><a href="#tab2"><em> Tab 2 </em></a></li>
<li><a href="#tab3"><em> Tab 3 </em></a></li>
</ul>
<div class="yui-content">
<div><p> Tab Content 1 </p></div>
<div><p> Tab Content 2 </p></div>
<div><p> Tab Content 3 </p></div>
</div>
<script>
(function() {
var tabView = new YAHOO.widget.TabView('demo');
})();
</script>
[[/HTML]]
It doesn't work in comments but makes nice tabs on pages. Highlighted part allows to open that tab instead of the default first one, but I couldn't understand where it's code is located. And ideally it should work without HTML module, just with "tabview" or maybe "div"…
I am astonished - is this really a wikidot wiki?
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
It's the same YUI tabs, and Wikidot isn't too different ¯\_(ツ)_/¯ It's only the method that matters, not the code itself.
Thanks, I understand the technic is the question… and if wikidot uses it in such a way.. than there could be a different way..
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
I replaced "Tab Content" in HTML module to "[[include page]]" - it worked well with text, but all [[div]] styles were broken. Is it somehow possible to bypass this problem without rewriting the whole thing? I mean, if it understands not only < > brackets, but [[ ]] too, there should be a solution.
/forum/t-6352696/tabs-opening-order#post-
