Difference between revisions of "Template:CustomToggleButton"

From Pathfinder Wiki
Line 1: Line 1:
 
<noinclude>
 
<noinclude>
 +
<translate><!--T:1-->
 
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.
 
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:<br>
 
For example like that:<br>
<div class="toccolours"><nowiki>
+
<div class="toccolours">
{{CustomToggleButton|text=Show/Hide text|name=example-box}}</nowiki><br><nowiki>
+
<p>
<div class="mw-collapsible" id="mw-customcollapsible-example-box"></nowiki><br>
+
::<nowiki>{{CustomToggleButton|text=Show/Hide text|name=example-box}}</nowiki><br>
::<nowiki>This text will be shown/hidden by a press of the button.</nowiki><br><nowiki>
+
::<nowiki><div class="mw-collapsible" id="mw-customcollapsible-example-box"></nowiki><br>
</div></nowiki><br>
+
::::<nowiki>This text will be shown/hidden by a press of the button.</nowiki>
 +
::<nowiki></div></nowiki></p>
 
</div>
 
</div>
 
+
{{CustomToggleButton|text=Einklappen|name=1}}
{{CustomToggleButton|text=Einklappen|name=example-box}}
+
<div class="mw-collapsible" id="mw-customcollapsible-1">
<div class="mw-collapsible" id="mw-customcollapsible-example-box">
 
 
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>
 +
</translate>
 
</noinclude>
 
</noinclude>
  

Revision as of 23:58, 8 November 2020

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>


[ Einklappen ]

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