Difference between revisions of "Template:HiddenToggle/Button"

From Drawn to Life Wiki
(noinclude)
(added classes)
 
Line 1: Line 1:
<div style="border-radius: 5px;
+
<div class="ToggleButton-Outer" style="border-radius: 5px;
 
box-shadow: 0 1px 3px 0 rgb(102, 102, 102);
 
box-shadow: 0 1px 3px 0 rgb(102, 102, 102);
 
background: rgba(255, 255, 255, 0.7);
 
background: rgba(255, 255, 255, 0.7);
Line 9: Line 9:
 
width: auto;
 
width: auto;
 
display: flex;">
 
display: flex;">
<div class=" mw-customtoggle-{{{ID|{{{2|unset}}}}}}" id="mw-customcollapsible-{{{ID|{{{2|unset}}}}}}"  
+
<div class="ToggleButton-Inner mw-customtoggle-{{{ID|{{{2|unset}}}}}}" id="mw-customcollapsible-{{{ID|{{{2|unset}}}}}}"  
 
style="background: {{{boxcolor|#5aa7e2}}};
 
style="background: {{{boxcolor|#5aa7e2}}};
 
text-align: center;
 
text-align: center;

Latest revision as of 00:05, 30 November 2022

Click to toggle content

This template acts as a user-controlled toggle for Template:HiddenToggle. These templates are intended to be used together, with this template serving as a method of toggling the state of content hidden with the aforementioned template. This template does nothing on its own.

Template parameters

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Databox colorboxcolor

When a valid RGB hex is input, the box will match the color

Example
|boxcolor=#ff8682
Auto value
#5aa7e2
Contentoptional
Controller IDID

The ID of the HiddenToggle template. The ID can be any value, but the values of the paired templates MUST match verbatim.

Auto value
unset
Stringrequired
Button TitleTitle

The title to display on the clickable button.

Example
|Title=Click to reveal map
Auto value
Click to toggle content
Contentsuggested