Tab (nested)

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

'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:

Doesn't work
itsabee itsabee 27 Nov 2020 17:22

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.

by itsabee itsabee , 27 Nov 2020 17:22
Re: Doesn't work
Helmut_pdorf Helmut_pdorf 19 Dec 2022 15:28

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 ?

by Helmut_pdorf Helmut_pdorf , 19 Dec 2022 15:28

Number of Comments: 2)

page revision: 30, last edited: 13 May 2016 22:23
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).
Notify administrators if there is objectionable content in this page.
Something does not work as expected? Find out what you can do.
General Wikidot.com documentation and help section.
Wikidot.com Terms of Service - what you can, what you should not etc.
Wikidot.com Privacy Policy.

AltStyle によって変換されたページ (->オリジナル) /