Difference between revisions of "Tabs"
From Sega Retro
Line 1: | Line 1: | ||
− | <includeonly><div class="poot-tabs-container poot-tabs-{{#if:{{{orientation|}}}|{{{orientation}}}|vertical}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed}} poot-tabs-selected-{{{selected|1}}}" style="width:{{#if:{{{width|}}}|{{{width}}}|auto}}; {{{style|}}}"> | + | <includeonly><div class="poot-tabs-container poot-tabs-{{#if:{{{orientation|}}}|{{{orientation}}}|vertical}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed}} poot-tabs-selected-{{#if:{{{selected|}}}|{{{selected}}}|{{# |
+ | if:{{{content1|}}}|1|{{# | ||
+ | if:{{{content2|}}}|2|{{# | ||
+ | if:{{{content3|}}}|3|{{# | ||
+ | if:{{{content4|}}}|4|{{# | ||
+ | if:{{{content5|}}}|5|{{# | ||
+ | if:{{{content6|}}}|6|{{# | ||
+ | if:{{{content7|}}}|7|{{# | ||
+ | if:{{{content8|}}}|8|{{# | ||
+ | if:{{{content9|}}}|9|{{# | ||
+ | if:{{{content10|}}}|10|{{# | ||
+ | if:{{{content11|}}}|11|{{# | ||
+ | if:{{{content12|}}}|12|{{# | ||
+ | if:{{{content13|}}}|13|{{# | ||
+ | if:{{{content14|}}}|14|{{# | ||
+ | if:{{{content15|}}}|15|{{# | ||
+ | if:{{{content16|}}}|16|{{# | ||
+ | if:{{{content17|}}}|17|{{# | ||
+ | if:{{{content18|}}}|18|{{# | ||
+ | if:{{{content19|}}}|19|{{# | ||
+ | if:{{{content20|}}}|20|1}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}" style="width:{{#if:{{{width|}}}|{{{width}}}|auto}}; {{{style|}}}"> | ||
{{#if: {{{hidetitle|}}} | | | {{#if: {{{hidetitle|}}} | | | ||
<div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div> | <div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div> |
Revision as of 09:56, 16 May 2022
Usage
Vertical
{{tabs | title=vertical tabs | icon1=tab 1 | icon2=tab 2 | icon3=tab 3 | icon4=tab 4 | icon5=tab 5 | content1=content of tab 1 | content2=things in second tab | content3=another tab content | content4=content of tab 4 | content5=content of tab 5 | orientation=vertical }}
vertical tabs
- tab 1
- tab 2
- tab 3
- tab 4
- tab 5
content of tab 1
things in second tab
another tab content
content of tab 4
content of tab 5
Horizontal
{{tabs | hidetitle=yes | icon1=tab 1 | icon2=tab 2 | icon3=[[file:Logo-md.png|link=]] | content1=aaa | content2=things in second tab[[file:Notavailable.svg]] | content3=another tab content | orientation=horizontal | width=500px | tabliststyle=margin-bottom:0px; }}
Horizontal (flipped)
{{tabs | hidetitle=yes | icon1=tab 1 | icon2=tab 2 | icon3=[[file:Logo-md.png|link=]] | content1=aaa | content2=things in second tab[[file:Notavailable.svg]] | content3=another tab content | orientation=horizontal | width=500px | tabliststyle=margin-top:0px; | flipped=yes }}