Difference between revisions of "Template:ClickTabs"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
<includeonly>{| class="clicktabs" style="text-align: center; border: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; margin:1em 0" | <includeonly>{| class="clicktabs" style="text-align: center; border: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; margin:1em 0" | ||
| − | {{#if:{{{tab1|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|1|clicktabs-active|{{#if:{{{activetab|}}}|clicktabs-inactive|clicktabs-active}}}}" id="clicktabs-tab-1" {{!}} {{{tab1|}}} | + | {{#if:{{{tab1|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|1|clicktabs-active|{{#if:{{{activetab|}}}|clicktabs-inactive|clicktabs-active}}}}" id="clicktabs-tab-1" {{!}} '''{{{tab1|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab2|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|2|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-2" {{!}} {{{tab2|}}} | + | {{#if:{{{tab2|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|2|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-2" {{!}} '''{{{tab2|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab3|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|3|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-3" {{!}} {{{tab3|}}} | + | {{#if:{{{tab3|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|3|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-3" {{!}} '''{{{tab3|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab4|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|4|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-4" {{!}} {{{tab4|}}} | + | {{#if:{{{tab4|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|4|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-4" {{!}} '''{{{tab4|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab5|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|5|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-5" {{!}} {{{tab5|}}} | + | {{#if:{{{tab5|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|5|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-5" {{!}} '''{{{tab5|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab6|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|6|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-6" {{!}} {{{tab6|}}} | + | {{#if:{{{tab6|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|6|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-6" {{!}} '''{{{tab6|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab7|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|7|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-7" {{!}} {{{tab7|}}} | + | {{#if:{{{tab7|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|7|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-7" {{!}} '''{{{tab7|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab8|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|8|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-8" {{!}} {{{tab8|}}} | + | {{#if:{{{tab8|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|8|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-8" {{!}} '''{{{tab8|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab9|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|9|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-9" {{!}} {{{tab9|}}} | + | {{#if:{{{tab9|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|9|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-9" {{!}} '''{{{tab9|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab10|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|10|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-10" {{!}} {{{tab10|}}} | + | {{#if:{{{tab10|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|10|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-10" {{!}} '''{{{tab10|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab11|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|11|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-11" {{!}} {{{tab11|}}} | + | {{#if:{{{tab11|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|11|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-11" {{!}} '''{{{tab11|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}} | ||
| − | {{#if:{{{tab12|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|12|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-12" {{!}} {{{tab12|}}} | + | {{#if:{{{tab12|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|12|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-12" {{!}} '''{{{tab12|}}}''' |
{{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}}<!-- | {{!}} style="border-bottom:2px solid #aaa; width:3px;" {{!}}<!-- | ||
{{#if:{{{tab13|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|13|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-13" {{!}} {{{tab13|}}} | {{#if:{{{tab13|}}}|{{!}} class="clicktabs-tab {{#ifeq:{{{activetab|}}}|13|clicktabs-active|clicktabs-inactive}}" id="clicktabs-tab-13" {{!}} {{{tab13|}}} | ||
Latest revision as of 07:19, 28 April 2021
(view - edit) Documentation
Template:ClickTabs generates a series of tabs and content slides designed to show lots of content in a small space and on a single page.
The template currently supports up to 12 tabs and 12 content slides, but can easily be expanded if later needed. Credit to Wikipedia for the styling.
Usage
{{ClickTabs
|tab1=First Tab
|content1=This is the content for the first tab.
|tab2=Second Tab
|content2=This is the content for the second tab.
|tab3=Third Tab
|content3=This is the content for the third tab.
}}
Generates:
| First Tab | Second Tab | Third Tab | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| This is the content for the first tab. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Optional parameters
Additionally, the |activetab= parameter may be used to manually set which slide will show. The template will always default to the first tab if this parameter is not set.
{{ClickTabs
|activetab=2
|tab1=First Tab
|content1=This is the content for the first tab.
|tab2=Active Tab
|content2=This is the content for the second tab. It will be active by default.
|tab3=Third Tab
|content3=This is the content for the third tab.
}}
Generates:
| First Tab | Second Tab | Third Tab | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| This is the content for the second tab. It will be active by default. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
