Difference between revisions of "Template:Segmented control"
Jump to navigation
Jump to search
| Line 9: | Line 9: | ||
</pre> | </pre> | ||
</noinclude> | </noinclude> | ||
| − | <includeonly> | + | <includeonly>{{#vardefine:segmentCount|0}}{{#vardefine:i|1}}{{#while:|{{#if:{{{{{#var:i}}|}}}|true}}|<nowiki/>{{#vardefine:segmentCount|{{#expr:{{#var:segmentCount}}+1}}}}{{#vardefine:i|{{#expr:{{#var:i}}+1}}}}}} |
| − | {{#vardefine:segmentCount|0}}{{#vardefine:i|1}}{{#while:|{{#if:{{{{{#var:i}}|}}}|true}}|<nowiki/>{{#vardefine:segmentCount|{{#expr:{{#var:segmentCount}}+1}}}}{{#vardefine:i|{{#expr:{{#var:i}}+1}}}}}} | + | <div class="rsToggleContainer" style="text-align: center;"> |
| − | <div class="rsToggleContainer"> | ||
{{#vardefine:i|1}}{{#while:|{{#ifexpr:{{#var:i}}<={{#var:segmentCount}}|true}} | {{#vardefine:i|1}}{{#while:|{{#ifexpr:{{#var:i}}<={{#var:segmentCount}}|true}} | ||
| − | | <nowiki />{{#vardefine:orderClass|rsSegmentMiddle }}{{#ifexpr: {{#var:i}} = 1| {{#vardefine:orderClass|rsSegmentFirst }} }}{{#ifexpr: {{#var:i}} = {{#var:segmentCount}} | {{#vardefine:orderClass|rsSegmentLast}} }}{{#vardefine:segment|{{{ {{#var:i}} |}}} }}{{#vardefine:titleAndImage|{{#explode:{{#var:segment}}|;|0}} }}{{#vardefine:segmentLink|{{#explode:{{#var:segment}}|;|1}} }}{{#vardefine:segmentTitle|{{#explode:{{#var:titleAndImage}}|$|0}} }}{{#vardefine:segmentImage|{{#explode:{{#var:titleAndImage}}|$|1}} }}{{#vardefine:segmentSelected|{{#if:{{#var:segmentLink}}||true}} }}<div class="rsSegment {{#var:orderClass}} {{#if:{{#var:segmentSelected}}| rsSegmentSelected}}">{{#if:{{#var:segmentSelected}}|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>|[[{{#var:segmentLink}}|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>]]}}</div>{{#vardefine:i|{{#expr:{{#var:i}}+1}} }} }} | + | | <nowiki />{{#vardefine:orderClass|rsSegmentMiddle }}{{#ifexpr: {{#var:i}} = 1| {{#vardefine:orderClass|rsSegmentFirst }} }}{{#ifexpr: {{#var:i}} = {{#var:segmentCount}} | {{#vardefine:orderClass|rsSegmentLast}} }}{{#vardefine:segment|{{{ {{#var:i}} |}}} }}{{#vardefine:titleAndImage|{{#explode:{{#var:segment}}|;|0}} }}{{#vardefine:segmentLink|{{#explode:{{#var:segment}}|;|1}} }}{{#vardefine:segmentTitle|{{#explode:{{#var:titleAndImage}}|$|0}} }}{{#vardefine:segmentImage|{{#explode:{{#var:titleAndImage}}|$|1}} }}{{#vardefine:segmentSelected|{{#if:{{#var:segmentLink}}||true}} }}<div class="rsSegment {{#var:orderClass}} {{#if:{{#var:segmentSelected}}| rsSegmentSelected}}">{{#if:{{#var:segmentSelected}}|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>|[[{{#var:segmentLink}}|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>]]}}</div>{{#vardefine:i|{{#expr:{{#var:i}}+1}} }} }}</div></includeonly> |
| − | </div> | ||
| − | </includeonly> | ||
Revision as of 17:32, 28 March 2020
Usage example:
{{SegmentedControl
|Title;Wiki page name
|[Image.png]Title;Wiki page name
|Selected title
|etc}}