Template:Fieldset: Difference between revisions
From Step Mods | Change The Game
No edit summary |
No edit summary |
||
Line 3: | Line 3: | ||
<div style="display: table; border:1px solid #B1B1B1; border-radius:4px; padding:0 4px 2px;"> | <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;">{{{1}}}<br /></div> | <div style="padding-left:10px; line-height: 0.1px; visibility:hidden;">{{{1}}}<br /></div> | ||
{{#ifeq:{{{bullet}}} | {{#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> @@@</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;">☑</span> <span style="vertical-align:middle;">@@@</span></li>}}</ul>|<div style="padding-top:5px;">{{{inside|}}}</div>}} | ||
|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> @@@</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;">☑</span> <span style="vertical-align:middle;">@@@</span></li>}}</ul> | |||
|<div style="padding-top:5px;">{{{inside|}}} | |||
</div>}} | |||
</div> | </div> | ||
</div></includeonly><noinclude>__NOTOC__ | </div></includeonly><noinclude>__NOTOC__ |
Revision as of 13:09, May 3, 2015
Purpose & Usage
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 inside 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
;
(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
;
(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|title=Page|You should really love this text.}}
Result:
Page
Code:
{{Fieldset|title=Page|bullet=yes|inside=Option1; Option2; Option3; Option4}}
Result:
Page
- Option1 ,
- Option2 ,
- Option3 ,
- Option4
Option1; Option2; Option3; Option4
Code:
{{Fieldset|title=Page|inside=Option1; Option2; Option3; Option4|checkmark=yes}}
Result:
Page
- Option1 ,
- Option2 ,
- Option3 ,
- Option4
- ☑ Option1 ,
- ☑ Option2 ,
- ☑ Option3 ,
- ☑ Option4
Code:
{{Fieldset|title=Page|inside={{Fieldset|title=Step|inside=Option1; Option2; Option3; Option4|bullet=yes}}|color=A6A6A6}}
Result:
Page
- <div style="display:table ,
- "> <div style="display:inline-block ,
- color:#E6E65C ,
- background-color:#35383B ,
- position:relative ,
- top:10px ,
- left:10px ,
- ">Step
{{#ifeq:yes | yes | <ul style="padding-top:2px,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
| <div style="padding-top:5px,
,
,
,
|
Step
- Option1 ,
- Option2 ,
- Option3 ,
- Option4
Option1; Option2; Option3; Option4
See Also
None