Posted by Peter-ZA Peter-ZA on 18 Nov 2012 01:50, last edited by Peter-ZA Peter-ZA on 13 May 2016 22:23
: nesting tab
This is to test the Tab function for //nested/ structures:
'Tab' References
- http://www.wikidot.com/doc:wiki-syntax#toc63
- http://snippets.wikidot.com/code:tabs
- http://community.wikidot.com/howto:apply-a-wikipedia-like-article-discussion-tabs
'Tab' - other Examples
Tab (nested 1) TEST:
Code View:
[[tabview]]
[[tab A]]
= ##darkgreen|[[size 300%]]Text **A**[[/size]]##
[[tabview]]
[[tab 1]]
= ##red|[[size 300%]]Number **A1**[[/size]]##
[[/tab]]
[[tab 2]]
= ##red|[[size 300%]]Number **A2**[[/size]]##
[[/tab]]
[[tab 3]]
= ##red|[[size 300%]]Number **A3**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab B]]
= ##darkgreen|[[size 300%]]Text **B**[[/size]]##
[[tabview]]
[[tab 1]]
= ##red|[[size 300%]]Number **B1**[[/size]]##
[[/tab]]
[[tab 2]]
= ##red|[[size 300%]]Number **B2**[[/size]]##
[[/tab]]
[[tab 3]]
= ##red|[[size 300%]]Number **B3**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab C]]
= ##darkgreen|[[size 300%]]Text **C**[[/size]]##
[[tabview]]
[[tab 1]]
= ##red|[[size 300%]]Number **C1**[[/size]]##
[[/tab]]
[[tab 2]]
= ##red|[[size 300%]]Number **C2**[[/size]]##
[[/tab]]
[[tab 3]]
= ##red|[[size 300%]]Number **C3**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[/tabview]]
Result:
Text A
Number A1
Number A2
Number A3
Text B
Number B1
Number B2
Number B3
Text C
Number C1
Number C2
Number C3
Tab (nested 2) TEST:
Code View:
[[tabview]]
[[tab A]]
= ##darkgreen|[[size 300%]]Text **A**[[/size]]##
[[tabview]]
[[tab 1]]
= ##red|[[size 300%]]Number **A1**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**A1a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**A1b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**A1c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab 2]]
= ##red|[[size 300%]]Number **A2**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**A2a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**A2b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**A2c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab 3]]
= ##red|[[size 300%]]Number **A3**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**A3a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**A3b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**A3c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab B]]
= ##darkgreen|[[size 300%]]Text **B**[[/size]]##
[[tabview]]
[[tab 1]]
= ##red|[[size 300%]]Number **B1**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**B1a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**B1b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**B1c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab 2]]
= ##red|[[size 300%]]Number **B2**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**B2a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**B2b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**B2c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab 3]]
= ##red|[[size 300%]]Number **B3**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**B3a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**B3b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**B3c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab C]]
= ##darkgreen|[[size 300%]]Text **C**[[/size]]##
[[tabview]]
[[tab 1]]
= ##red|[[size 300%]]Number **C1**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**C1a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**C1b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**C1c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab 2]]
= ##red|[[size 300%]]Number **C2**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**C2a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**C2b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**C2c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[tab 3]]
= ##red|[[size 300%]]Number **C3**[[/size]]##
[[tabview]]
[[tab a]]
= ##purple|[[size 300%]]**C3a**[[/size]]##
[[/tab]]
[[tab b]]
= ##purple|[[size 300%]]**C3b**[[/size]]##
[[/tab]]
[[tab c]]
= ##purple|[[size 300%]]**C3c**[[/size]]##
[[/tab]]
[[/tabview]]
[[/tab]]
[[/tabview]]
[[/tab]]
[[/tabview]]
Result:
Text A
Number A1
A1a
A1b
A1c
Number A2
A2a
A2b
A2c
Number A3
A3a
A3b
A3c
Text B
Number B1
B1a
B1b
B1c
Number B2
B2a
B2b
B2c
Number B3
B3a
B3b
B3c
Text C
Number C1
C1a
C1b
C1c
Number C2
C2a
C2b
C2c
Number C3
C3a
C3b
C3c
Backlinks (Links to this page from others):
Comments:
What happens:
After the first tab of your nested (child) tabview, the [[/tab]] tag ends the tab of the parent tabview, NOT the child tabview. So, the rest of the tabs become switched (the parent tabs move into the nested tabview, and the child tags move to the parent tabview).
It's hard to tell when there are an equal number of tabs, i.e. as this author has done - "A, B, C" and "1, 2, 3" - but note that the tabs go "A, 2, 3" in the parent tabview and "1, B, C" in the nested tabview.
I cannot find any error in this examples..
from which table-tab test do yo write? ( 1. or 2.)
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 ?
Number of Comments: 2)