Template:Fieldset: Difference between revisions

From Step Mods | Change The Game
No edit summary
No edit summary
Line 1: Line 1:
<includeonly><!-- ############ Title ############ --><div style="display:inline-block; background:#35383B; position:relative; top:9px; left:9px;">{{{1}}}</div><!-- ############ Rounded Box ############ --><div style="display:table; border:1px solid #B1B1B1; border-radius:4px; padding:0 4px 2px;"><!-- ############ Title invisibly reiterated inside box so that the title doesn't overflow ############ --><div style="padding-left:9px; line-height:0; visibility:hidden;">{{{1}}}<br></div><div style="padding:6px 0 0;"><!-- ##################### If bullet, then bullets.  ############ -->{{#ifeq:{{{bullet}}}|yes|{{#arraymap:{{{2|}}}|;|%|<!-- ############ Removes excess bottom margin while faking a list ############ --><p style="margin:0;"><!-- ############ This is the bullet point. ############ -->[[File:dotMO.png]]&nbsp;<!-- ############ The Percent Sign is the actual option ############ -->%</p>|}}|<!-- ##################### If not bullets, then maybe checkmarks?  ############ -->{{#ifeq:{{{checkmark}}}|yes|{{#arraymap:{{{2|}}}|;|%|<!-- ############ Removes excess bottom margin while faking a list ############ --><p style="margin:0;"><!-- ############ This is the checkmark. ############ -->[[File:checkmarkMO.png]]&nbsp;<!-- ############ The Percent Sign is the actual option ############ -->%</p>|}}|<!-- ##################### If not, the text just appears in the box ############ -->{{{2|}}} }} }}</div></div></includeonly><noinclude>__NOTOC__
<includeonly><!-- ############ Title ############ --><div style="display:inline-block; background:#35383B; position:relative; top:9px; left:9px;">{{{1}}}</div><!-- ############ Rounded Box ############ --><div style="display:table; border:1px solid #B1B1B1; border-radius:4px; padding:0 4px 2px;"><!-- ############ Title invisibly reiterated inside box so that the title doesn't overflow ############ --><div style="padding-left:9px; line-height:0; visibility:hidden;">{{{1}}}<br></div><div style="padding:7px 0 0;"><!-- ##################### If bullet, then bullets.  ############ -->{{#ifeq:{{{bullet}}}|yes|{{#arraymap:{{{2|}}}|;|%|<!-- ############ Removes excess bottom margin while faking a list ############ --><p style="margin:0;"><!-- ############ This is the bullet point. ############ -->[[File:dotMO.png]]&nbsp;<!-- ############ The Percent Sign is the actual option ############ -->%</p>|}}|<!-- ##################### If not bullets, then maybe checkmarks?  ############ -->{{#ifeq:{{{checkmark}}}|yes|{{#arraymap:{{{2|}}}|;|%|<!-- ############ Removes excess bottom margin while faking a list ############ --><p style="margin:0;"><!-- ############ This is the checkmark. ############ -->[[File:checkmarkMO.png]]&nbsp;<!-- ############ The Percent Sign is the actual option ############ -->%</p>|}}|<!-- ##################### If not, the text just appears in the box ############ -->{{{2|}}} }} }}</div></div></includeonly><noinclude>__NOTOC__


==Purpose & Usage==
==Purpose & Usage==

Revision as of 06:04, February 22, 2016


Purpose & Usage[edit source]

This is a template implementation of the HTML fieldset-legend combo, with rounded corners.

  • parameter 1 will be bold and aligned to the right. Only one value may be used.
  • parameter 2 is inside the box.
  • parameter bullet to yes will be an unordered list (bullet points) with separate list items separated by semicolons ; (commas were avoided, as sometimes it may be desired for it a bullet point to contain a comma, whereas likelihood of a semicolon is not much)
  • parameter checkmark to yes will be an unordered list (with the bullet points replaced by checkmarks) with separate list items separated by semicolons ; (commas were avoided, as sometimes it may be desired for it a bullet point to contain a comma, whereas likelihood of a semicolon is not much)

Examples[edit source]

Code:

{{Fieldset|Page|You should really love this text.}}

Result:

Page
Page
You should really love this text.

Code:

{{Fieldset|Page|Option1; Option2; Option3; Option4|bullet=yes}}

Result:

Page
Page

DotMO.png Option1

DotMO.png Option2

DotMO.png Option3

DotMO.png Option4

Code:

{{Fieldset|Page|Option1; Option2; Option3; Option4|checkmark=yes}}

Result:

Page
Page

CheckmarkMO.png Option1

CheckmarkMO.png Option2

CheckmarkMO.png Option3

CheckmarkMO.png Option4

Code:

{{Fieldset|Page|{{Fieldset|Step||Option1; Option2; Option3; Option4|bullet=yes}}|color=A6A6A6}}

Result:

Page
Page
Step
Step

DotMO.png Option1

DotMO.png Option2

DotMO.png Option3

DotMO.png Option4

See Also[edit source]

None