Template:QudInfoboxCollapser: Difference between revisions

From Caves of Qud Wiki
Jump to navigation Jump to search
m (fix hide/show inversion on mobile)
m (lower search priority of collapsible sections in infobox)
 
Line 1: Line 1:
<includeonly>
<includeonly>
|- class="nomobile" <!-- USE MediaWiki COLLAPSIBLE FOR DESKTOP -->
|- class="nomobile searchaux" <!-- USE MediaWiki COLLAPSIBLE FOR DESKTOP -->
! class="mw-customtoggle-qud-{{{2}}} qud-collapser"|
! class="mw-customtoggle-qud-{{{2}}} qud-collapser"|
<div class="qud-collapser-title">{{{1}}}</div>
<div class="qud-collapser-title">{{{1}}}</div>
| class="mw-customtoggle-qud-{{{2}}} qud-collapser"|
| class="mw-customtoggle-qud-{{{2}}} qud-collapser"|
<div class="qud-collapser-arrow mw-collapsible mw-collapsed" id="mw-customcollapsible-qud-{{{2}}}"></div>
<div class="qud-collapser-arrow mw-collapsible mw-collapsed" id="mw-customcollapsible-qud-{{{2}}}"></div>
|- class="nomobile"
|- class="nomobile searchaux"
| class="qud-collapser-content" colspan="2" |
| class="qud-collapser-content" colspan="2" |
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-qud-{{{2}}}">
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-qud-{{{2}}}">
Line 11: Line 11:
{{{4}}}
{{{4}}}
</div></div>
</div></div>
|- class="mobileonly" <!-- USE GADGET COLLAPSIBLE FOR MOBILE -->
|- class="mobileonly searchaux" <!-- USE GADGET COLLAPSIBLE FOR MOBILE -->
| class="qud-collapser" colspan="2"|
| class="qud-collapser" colspan="2"|
<div class="qud-collapser-title collapsetoggle-custom collapsible-qud-{{{2}}}-toggle">{{{1}}}</div>
<div class="qud-collapser-title collapsetoggle-custom collapsible-qud-{{{2}}}-toggle">{{{1}}}</div>
<div class="qud-collapser-arrow collapsible collapsed" id="collapsible-qud-{{{2}}}"></div>
<div class="qud-collapser-arrow collapsible collapsed" id="collapsible-qud-{{{2}}}"></div>
|- class="mobileonly"
|- class="mobileonly searchaux"
| class="qud-collapser-content" colspan="2" |
| class="qud-collapser-content" colspan="2" |
<div class="collapsible collapsed" id="collapsible-qud-{{{2}}}" data-expandtext="{{{1}}}" data-collapsetext="{{{1}}}">
<div class="collapsible collapsed" id="collapsible-qud-{{{2}}}" data-expandtext="{{{1}}}" data-collapsetext="{{{1}}}">

Latest revision as of 18:26, 16 December 2021

Template-info.png Documentation

Creates collapsable infobox rows for Qud infobox templates, such as Template:Character. For example, this is used for the collapsible Character Inventory section of the Character infobox.

  • parameter 1: Label
  • parameter 2: CSS collapser class postfix (this should be unique for each collapsible)
  • parameter 3: Custom CSS class to apply to collapsible-content div (leave blank if none)
  • parameter 4: Content
{{QudInfoboxCollapseHeader
| 1 = Skills
| 2 = qud-skills
| 3 = qud-skills-wrapper
| 4 = [[Tactful]]</br>[[Gadget Inspector]]
}}


Example usage

{{#invoke: Infobox|infobox|image=none|style=float:left;width:350px;|rows=
{{QudInfoboxCollapser|Skills|qud-skills|qud-skills-wrapper|[[Tactful]]</br>[[Gadget Inspector]]}}
}}

Output


QudInfoboxCollapser
Skills
Skills