Difference between revisions of "Template:CustomToggleButton"

From Pathfinder Wiki
(remove the possibility to close/open multiple boxes with one button (it's a test to minimize the amount of #forargs used on the wiki) that feature isn't used so I remove it)
 
(2 intermediate revisions by 2 users not shown)
Line 14: Line 14:
 
This text will be shown/hidden by a press of the button.
 
This text will be shown/hidden by a press of the button.
 
</div>
 
</div>
 
<!-- for this stuff I would need the newest parser functions the needed one is #forargs -->
 
<!-- {{#forargs: name | key | value | <nowiki /> {{#var: value}}}} -->
 
<!--
 
It is also possible to close multiple boxes with one button like that:<br>
 
<div class="toccolours">
 
<p>
 
::<nowiki>{{CustomToggleButton|text=Show/Hide all|name1=example-box-1|name2=example-box-2|name3=example-box-3|name4=example-box-4}}</nowiki><br>
 
::<nowiki><div class="mw-collapsible" id="mw-customcollapsible-example-box-1"></nowiki><br>
 
::::<nowiki><b>Box 1: </b>This text will be shown/hidden by a press of the button.</nowiki>
 
::<nowiki></div></nowiki>
 
::<nowiki><div class="mw-collapsible" id="mw-customcollapsible-example-box-2"></nowiki><br>
 
::::<nowiki><b>Box 2: </b>This text will be shown/hidden by a press of the button.</nowiki>
 
::<nowiki></div></nowiki>
 
::<nowiki><div class="mw-collapsible" id="mw-customcollapsible-example-box-3"></nowiki><br>
 
::::<nowiki><b>Box 3: </b>This text will be shown/hidden by a press of the button.</nowiki>
 
::<nowiki></div></nowiki>
 
::<nowiki><div class="mw-collapsible" id="mw-customcollapsible-example-box-4"></nowiki><br>
 
::::<nowiki><b>Box 4: </b>This text will be shown/hidden by a press of the button.</nowiki>
 
::<nowiki></div></nowiki></p>
 
</div>
 
 
{{CustomToggleButton|text=Show/Hide all|name1=example-box-1|name2=example-box-2|name3=example-box-3|name4=example-box-4}}
 
<div class="mw-collapsible" id="mw-customcollapsible-example-box-1">
 
<b>Box 1: </b>This text will be shown/hidden by a press of the button.
 
</div>
 
<div class="mw-collapsible" id="mw-customcollapsible-example-box-2">
 
<b>Box 2: </b>This text will be shown/hidden by a press of the button.
 
</div>
 
<div class="mw-collapsible" id="mw-customcollapsible-example-box-3">
 
<b>Box 3: </b>This text will be shown/hidden by a press of the button.
 
</div>
 
<div class="mw-collapsible" id="mw-customcollapsible-example-box-4">
 
<b>Box 4: </b>This text will be shown/hidden by a press of the button.
 
</div>
 
-->
 
 
</translate>
 
</translate>
 
</noinclude>
 
</noinclude>
  
 
<includeonly><span>[<span class="mw-customtoggle-{{{name}}}" style="text-decoration: underline; color: blue; cursor: pointer;">{{{text|{{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar|fr=Afficher/Masquer|Show/Hide}}}}}</span>]</span></includeonly>
 
<includeonly><span>[<span class="mw-customtoggle-{{{name}}}" style="text-decoration: underline; color: blue; cursor: pointer;">{{{text|{{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar|fr=Afficher/Masquer|Show/Hide}}}}}</span>]</span></includeonly>

Latest revision as of 16:48, 17 March 2021

This template is used to create a custom toggle button for a collapsable box. You need to add the text of the button and a name for the toggle button. This name needs to be used also for the collapsible box in the id-Property. For example like that:

{{CustomToggleButton|text=Show/Hide text|name=example-box}}
<div class="mw-collapsible" id="mw-customcollapsible-example-box">
This text will be shown/hidden by a press of the button.
</div>


[Show/Hide]

This text will be shown/hidden by a press of the button.