Difference between revisions of "Tabs"
From Sega Retro
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <includeonly><div class="poot-tabs-container poot-tabs-{{#if:{{{orientation|}}}|{{{orientation}}}|vertical}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed}} poot-tabs-selected- | + | <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|}}}"> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{{#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> |
Latest revision as of 10:07, 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 }}