This is a documentation for Board Game Arena: play board games online !

Template:Option: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<span title="{{{d|default}}} option" style="display:inline-flex;align-items:center;width:calc(clamp(20%,450px,90%) - ({{{i|0}}}*1rem));margin-top:1rem;margin-inline-start:calc({{{i|0}}}*1rem);padding:8px;border-radius:5px;box-shadow:rgb(0 0 0/25%) 2px 2px 5px 0;background:linear-gradient(0deg,#f0f0f0 0%,#f3f3f3 30%,#ebebeb 100%);font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:700;color:rgb(141 141 141);{{{s|c}}}olor:rgb(78 78 78);"><span style="width:24px;height:24px;margin-right:1rem;border-radius:5px;box-shadow:inset rgb(0 0 0 /40%) 1px 1px 5px,rgb(0 0 0 /10%) 0 0 1px;{{{s|b}}}ackground:#66DF00;"></span><span style="flex: 1 1 0%;">{{{1|Option Description}}}</span><div style="display:flex;width:11px;height:11px;border-radius:50%;{{{d|b}}}ackground:rgb(211 211 211);"></div></span><noinclude>
<span title="{{{d|default}}} option" class="mw-collapsible mw-{{{st|}}}" style="display:inline-flex;flex-flow:column nowrap;align-items:center;width:calc(clamp(20%,450px,90%) - ({{{i|0}}}*1rem));margin:1rem;margin-inline-start:calc({{{i|0}}}*1rem);font-family:Roboto,Arial,sans-serif;font-size:16px;color:rgb(78 78 78);"><span class="mw-collapsible-toggle" style="display:flex;align-items:center;width:100%;padding:8px;border-radius:5px;box-shadow:rgb(0 0 0/25%) 2px 2px 5px 0;background:linear-gradient(#f0f0f0,#f3f3f3 30%,#ebebeb);font-weight:700;"><div style="width:24px;height:24px;margin-right:1rem;border-radius:5px;{{{s|b}}}ackground:#66DF00;box-shadow:inset rgb(0 0 0 /40%) 1px 1px 5px,rgb(0 0 0 /10%) 0 0 1px;"></div><span style="flex: 1 1 0%;">{{{1|Option}}}</span><div style="display:flex;width:11px;height:11px;border-radius:50%;{{{d|b}}}ackground:rgb(211 211 211);"></div></span><span class="mw-collapsible-content" style="width:100%;height:{{{2|0}}};padding:0.5rem;padding:{{{2|0}}};border-radius:0 0 5px 5px;background:linear-gradient(180deg,rgb(224,223,222),rgb(243,243,243) 15px);">{{{2|&ZeroWidthSpace;}}}</span></span><noinclude>
 
== Examples ==
 
{{option|d=|Selected and non-default|Description of the option}}
{{option|s=|Deselected and default|Description of the option}}


== Parameters ==
== Parameters ==
Line 9: Line 14:
   <div style="font-weight:bold;width:8rem;">Description</div>
   <div style="font-weight:bold;width:8rem;">Description</div>
   <div><code>1</code></div>
   <div><code>1</code></div>
   <div><code>option value</code></div>
   <div><code>value</code></div>
   <div><code>Option description</code></div>
   <div><code>Option</code></div>
   <div><code><nowiki>{{option|Example}}</nowiki></code></div>
   <div><code><nowiki>{{option|Value}}</nowiki></code></div>
   <div>'''''Required:''''' specify a text value.</div>
   <div>'''''Required:''''' specify a text value.</div>
  <div><code>2</code></div>
  <div><code>description</code></div>
  <div><code>&amp;ZeroWidthSpace;</code></div>
  <div><code><nowiki>{{option|Value|Description}}</nowiki></code></div>
  <div>'''''Optional:''''' specify a text description.</div>
   <div><code>s</code></div>
   <div><code>s</code></div>
   <div><code>selected</code></div>
   <div><code>selected</code></div>
Line 29: Line 39:
   <div>'''''Optional:''''' indent the option in rem units
   <div>'''''Optional:''''' indent the option in rem units
<br>(for options that are sub-options of others).</div>
<br>(for options that are sub-options of others).</div>
  <div><code>st</code></div>
  <div><code>state</code></div>
  <div><code>null</code></div>
  <div><code><nowiki>{{option|st=collapsed}}</nowiki></code></div>
  <div>'''''Optional:''''' collapse description by default.</div>
</div>
</div>
</noinclude>
</noinclude>

Revision as of 22:32, 24 February 2024

Option

Examples

Selected and non-default
Description of the option
Deselected and default
Description of the option

Parameters

Id
Name
Default value
Example
Description
1
value
Option
{{option|Value}}
Required: specify a text value.
2
description
&ZeroWidthSpace;
{{option|Value|Description}}
Optional: specify a text description.
s
selected
n/a
{{option|s=}}
Optional: hide checkbox color.
d
default
n/a
{{option|d=}}
Optional: hide default marker.
i
indent
0
{{option|i=1}}
Optional: indent the option in rem units
(for options that are sub-options of others).
st
state
null
{{option|st=collapsed}}
Optional: collapse description by default.