Template:Fieldset: Difference between revisions

From Step Mods | Change The Game
No edit summary
(Undo revision 59295 by DoubleYou (talk))
Line 1: Line 1:
<includeonly><div style="display:table;">
<includeonly><div style="display:table;"><div style="line-break:keep-all; display:inline-block; color:{{{color|#E6E65C}}}; background-color:#35383B; position:relative; top:10px; left:10px;">{{{1}}}</div><div style="display: table; border:1px solid #B1B1B1; border-radius:4px; padding:0 4px 2px;"><div style="padding-left:10px; line-height: 0.1px; visibility:hidden; line-break:keep-all;">{{{1}}}<br /></div>{{#if:{{{2|}}}|<div style="padding-top:4px;">{{{2|}}}</div>}}{{#if:{{{3|}}}|<ul style="padding-top:1px; list-style-type:none; margin-left:-1px;">{{#arraymap:{{{3|}}}|;|@@@|<li><span style="background-color:#181818; padding:0px 3.5px 0px 3.5px; border:2.75px solid #fff; border-radius:10px; font-size:5px; color:white;"></span>&nbsp;@@@</li>|}}</ul>}}{{#if:{{{4|}}}|<ul style="padding-top:1px; list-style-type:none; margin-left:-1px;">{{#arraymap:{{{4|}}}|;|@@@|<li><span style="font-size:17px;">&#9745;</span>&nbsp;@@@</li>|}}</ul>}}</div></div></includeonly><noinclude>__NOTOC__
<div style="display:inline-block; color:{{{color|#E6E65C}}}; background-color:#35383B; position:relative; top:10px; left:10px;">{{{title}}}</div>
<div style="display: table; border:1px solid #B1B1B1; border-radius:4px; padding:0 4px 2px;">
<div style="padding-left:10px; line-height: 0.1px; visibility:hidden;">{{{title}}}<br /></div>
{{#ifeq:{{{bullet}}} | yes | <ul style="padding-top:2px; list-style-type:none; margin-left:-1px; margin-bottom:0px;">{{#arraymap:{{{inside|}}}|;|@@@|<li><span style="background-color:#181818; padding:0px 3.5px 0px 3.5px; border:2.75px solid #fff; border-radius:10px; font-size:5px; color:white; vertical-align:middle;"></span>&nbsp;@@@</li>}}</ul> | {{#ifeq:{{{checkmark}}} | yes | <ul style="padding-top:2px; list-style-type:none; margin-left:-1px; margin-bottom:0px;">{{#arraymap:{{{inside|}}}|;|@@@|<li><span style="font-size:17px; vertical-align:top;">&#9745;</span>&nbsp;<span style="vertical-align:middle;">@@@</span></li>}}</ul>|<div style="padding-top:5px;">{{{inside|}}}</div>}}
</div>
</div></includeonly><noinclude>__NOTOC__


==Purpose & Usage==
==Purpose & Usage==
This is a template implementation of the html fieldset-legend combo, with rounded corners.
This is a template implementation of the html fieldset-legend combo, with rounded corners.
*''parameter title'' will be bold and aligned to the right. Only one value may be used.
*''parameter 1'' will be bold and aligned to the right. Only one value may be used.
*''parameter inside'' is inside the box.
*''parameter 2'' is inside the box.
*''parameter bullet'' if set to ''yes'' will make ''inside'' an unordered list (bullet points) with separate list items separated by semicolons <code>;</code> (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 3'' will be an unordered list (bullet points) with separate list items separated by semicolons <code>;</code> (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'' if set to ''yes'' will make ''inside'' an unordered list (checkmarks) with separate list items separated by semicolons <code>;</code> (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 4'' will be an unordered list (with the bullet points replaced by checkmarks) with separate list items separated by semicolons <code>;</code> (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 color'' changes the default yellow color to your desired color.
*''parameter color'' changes the default yellow color to your desired color.


Line 18: Line 12:
==Examples==
==Examples==
'''Code:'''
'''Code:'''
<pre>{{Fieldset|title=Page|inside=You should really love this text.}}</pre>
<pre>{{Fieldset|Page|You should really love this text.}}</pre>


'''Result:'''
'''Result:'''
{{Fieldset|title=Page|inside=You should really love this text.}}
{{Fieldset|Page|You should really love this text.}}


'''Code:'''
'''Code:'''
<pre>{{Fieldset|title=Page|bullet=yes|inside=Option1; Option2; Option3; Option4}}</pre>
<pre>{{Fieldset|Page||Option1; Option2; Option3; Option4}}</pre>


'''Result:'''
'''Result:'''
{{Fieldset|title=Page|bullet=yes|inside=Option1; Option2; Option3; Option4}}
{{Fieldset|Page||Option1; Option2; Option3; Option4}}


'''Code:'''
'''Code:'''
<pre>{{Fieldset|title=Page|inside=Option1; Option2; Option3; Option4|checkmark=yes}}</pre>
<pre>{{Fieldset|Page|||Option1; Option2; Option3; Option4}}</pre>


'''Result:'''
'''Result:'''
{{Fieldset|title=Page|inside=Option1; Option2; Option3; Option4|checkmark=yes}}
{{Fieldset|Page|||Option1; Option2; Option3; Option4}}


'''Code:'''
'''Code:'''
<pre>{{Fieldset|title=Page|inside={{Fieldset|title=Step|inside=Option1; Option2; Option3; Option4|bullet=yes}}|color=A6A6A6}}</pre>
<pre>{{Fieldset|Page|{{Fieldset|Step||Option1; Option2; Option3; Option4}}|color=A6A6A6}}</pre>


'''Result:'''
'''Result:'''
{{Fieldset|title=Page|inside={{Fieldset|title=Step|inside=Option1; Option2; Option3; Option4|bullet=yes}}|color=A6A6A6}}
{{Fieldset|Page|{{Fieldset|Step||Option1; Option2; Option3; Option4}}|color=A6A6A6}}


== See Also ==
== See Also ==
None
None
</noinclude>
</noinclude>

Revision as of 13:18, May 3, 2015


Purpose & Usage

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 3 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 4 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)
  • parameter color changes the default yellow color to your desired color.


Examples

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}}

Result:

Page
Page
  •  Option1
  •  Option2
  •  Option3
  •  Option4

Code: 

{{Fieldset|Page|||Option1; Option2; Option3; Option4}}

Result:

Page
Page
  • ☑ Option1
  • ☑ Option2
  • ☑ Option3
  • ☑ Option4

Code: 

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

Result:

Page
Page
Step
Step
  •  Option1
  •  Option2
  •  Option3
  •  Option4

See Also

None

Retrieved from "https://stepmodifications.org/wiki/index.php?title=Template:Fieldset&oldid=59296"