Difference between revisions of "Template:CustomToggleButton"
From Pathfinder Wiki
DesignerThan (talk | contribs) |
DesignerThan (talk | contribs) (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) |
||
| (6 intermediate revisions by 2 users not shown) | |||
| Line 10: | Line 10: | ||
::<nowiki></div></nowiki></p> | ::<nowiki></div></nowiki></p> | ||
</div> | </div> | ||
| − | {{CustomToggleButton|text={{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar|fr= Afficher/Masquer|Show/Hide}}|name=1}} | + | {{CustomToggleButton|text={{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar|fr=Afficher/Masquer|Show/Hide}}|name=1}} |
<div class="mw-collapsible" id="mw-customcollapsible-1"> | <div class="mw-collapsible" id="mw-customcollapsible-1"> | ||
This text will be shown/hidden by a press of the button. | This text will be shown/hidden by a press of the button. | ||
| Line 17: | Line 17: | ||
</noinclude> | </noinclude> | ||
| − | <includeonly><span class="mw-customtoggle-{{{name}}}" | + | <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> |
| − | {{{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>
- {{CustomToggleButton|text=Show/Hide text|name=example-box}}
[Show/Hide]
This text will be shown/hidden by a press of the button.
