Difference between revisions of "Template:Segmented control"

Revision as of 20:32, 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.

@@ Line 14: / Line 14: @@
      {{#while:|{{#vardefine:segmentTitle|{{#explode:{{{Titles|}}}|;|{{#var:i}} }} }}{{#var:segmentTitle}}
        |<nowiki/>
-* Segment title: {{#var:segmentTitle}}
        {{#vardefine:segmentImage|{{#explode:{{{Icons|}}}|;|{{#var:i}} }} }}
-* Segment image: {{#var:segmentImage}}
        {{#vardefine:segmentLink|{{#explode:{{{Links|}}}|;|{{#var:i}} }} }}
-* Segment link: {{#var:segmentLink}}
        {{#vardefine:segmentClasses|rsSegment {{#if:{{#var:segmentLink}}|rsSegmentSelected}}}}
-* Segment classes: {{#var:segmentClasses}}
        {{#vardefine:segmentIconHTML|
          {{#if:{{#var:segmentImage}}
@@ Line 26: / Line 22: @@
          }}
        }}
-* Segment icon HTML: {{#var:segmentIconHTML}}
        {{#vardefine:segmentFillHTML|
          <div class="rsSegmentFill">
@@ Line 34: / Line 29: @@
          </div>
        }}
-* Segment fill HTML: {{#var:segmentFillHTML}}
        <div class="{{#var:segmentClasses}}">
          {{#if:{{#var:segmentLink}}|
@@ Line 41: / Line 35: @@
          }}
        </div>
+* i: {{#var:i}}
+* Segment title: {{#var:segmentTitle}}
+* Segment image: {{#var:segmentImage}}
+* Segment link: {{#var:segmentLink}}
+* Segment classes: {{#var:segmentClasses}}
        {{#vardefine:i|{{#expr:{{#var:i}}+1}}}}
      }}
    </div>
 </includeonly>