Difference between revisions of "Template:Segmented control"
Jump to navigation
Jump to search
Line 9: | Line 9: | ||
Segments without links will be assumed to be selected. Missing icons will show segments without icons. | Segments without links will be assumed to be selected. Missing icons will show segments without icons. | ||
</noinclude> | </noinclude> | ||
− | <includeonly><div class="rsToggleContainer" style="text-align: center;">{{#vardefine:i|0}}{{#while:|{{#vardefine:segmentTitle|{{#explode:{{{Titles|}}}|;|{{#var:i}} }} }}{{#var:segmentTitle}}|<nowiki/>{{#vardefine:segmentImage|{{#explode:{{{Icons|}}}|;|{{#var:i}} }} }}{{#vardefine:segmentLink|{{#explode:{{{Links|}}}|;|{{#var:i}} }} }}{{#vardefine:segmentClasses|rsSegment {{#if:{{#var:segmentLink}}|rsSegmentSelected}}}}{{#vardefine:segmentIconHTML|{{#if:{{#var:segmentImage}}|[[File:{{#var:segmentImage}}|20px|none|middle|link={{#var:segmentLink}}|{{#var:segmentTitle}}]]}}}}{{#vardefine:segmentFillHTML| | + | <includeonly> |
+ | <div class="rsToggleContainer" style="text-align: center;"> | ||
+ | {{#vardefine:i|0}} | ||
+ | {{#while:|{{#vardefine:segmentTitle|{{#explode:{{{Titles|}}}|;|{{#var:i}} }} }}{{#var:segmentTitle}} | ||
+ | |<nowiki/> | ||
+ | {{#vardefine:segmentImage|{{#explode:{{{Icons|}}}|;|{{#var:i}} }} }} | ||
+ | {{#vardefine:segmentLink|{{#explode:{{{Links|}}}|;|{{#var:i}} }} }} | ||
+ | {{#vardefine:segmentClasses|rsSegment {{#if:{{#var:segmentLink}}|rsSegmentSelected}}}} | ||
+ | {{#vardefine:segmentIconHTML|{{#if:{{#var:segmentImage}}|[[File:{{#var:segmentImage}}|20px|none|middle|link={{#var:segmentLink}}|{{#var:segmentTitle}}]]}}}} | ||
+ | {{#vardefine:segmentFillHTML|(fill: {{#var:segmentIconHTML}} (title: {{#var:segmentTitle}} :title) :fill)}} | ||
+ | (segment classes="{{#var:segmentClasses}}": {{#if:{{#var:segmentLink}}|[[{{#var:segmentLink}}|{{#var:segmentFillHTML}}]]|{{#var:segmentFillHTML}}}} :segment) | ||
+ | {{#vardefine:i|{{#expr:{{#var:i}}+1}}}} | ||
+ | }} | ||
+ | </div> | ||
+ | </includeonly> |
Revision as of 19:48, 28 March 2020
Usage example:
{{SegmentedControl |Titles=Title 1;Title 2;Title 3 |Icons=Icon-name.png;;Icon-name.png |Links=Name of page;Name of page;}}
Segments without links will be assumed to be selected. Missing icons will show segments without icons.