Template:Clickable button: Difference between revisions
(colour alias) |
Richardpruen (talk | contribs) m (1 revision imported) |
||
Line 1: | Line 1: | ||
<span class=" | <onlyinclude>{{#if:{{{3|{{{external|}}}}}} | ||
{{ | | <span class="plainlinks" {{#if:{{{id|}}}|id="{{{id}}}"}}>[{{{1|{{{target|//parameter_target_is_empty.de}}}}}} <span class="submit ui-button ui-widget ui-state-default ui-corner-all {{Clickable button/iconclass | ||
< | |{{{4|{{{iconPrimary|}}}}}} | ||
|{{{5|{{{iconSecondary|}}}}}} | |||
|{{{2|{{{text|<noinclude>x</noinclude>}}}}}} | |||
}} {{{class|}}}" role="button" aria-disabled="false"><!-- // -->{{#if:{{{4|{{{iconPrimary|}}}}}} | |||
|<span class="ui-button-icon-primary ui-icon {{{4|{{{iconPrimary}}}}}}"> </span> | |||
}}<span class="ui-button-text">{{{2|{{{text|Parameter '''text''' is empty}}}}}}</span>{{#if:{{{5|{{{iconSecondary|}}}}}} | |||
|<span class="ui-button-icon-secondary ui-icon {{{5|{{{iconSecondary|}}}}}}"> </span> | |||
}}</span>]</span><!-- | |||
--> | |||
| [[{{{1|{{{target|Parameter target is empty!}}}}}}|<span class="submit ui-button ui-widget ui-state-default ui-corner-all {{Clickable button/iconclass | |||
|{{{4|{{{iconPrimary|}}}}}} | |||
|{{{5|{{{iconSecondary|}}}}}} | |||
|{{{2|{{{text|<noinclude>x</noinclude>}}}}}} | |||
}} {{{class|}}}" role="button" aria-disabled="false" {{#if:{{{id|}}}|id="{{{id}}}"}}><!-- // -->{{#if:{{{4|{{{iconPrimary|}}}}}} | |||
|<span class="ui-button-icon-primary ui-icon {{{4|{{{iconPrimary}}}}}}"> </span> | |||
}}<span class="ui-button-text">{{{2|{{{text|Parameter '''text''' is empty}}}}}}</span>{{#if:{{{5|{{{iconSecondary|}}}}}} | |||
|<span class="ui-button-icon-secondary ui-icon {{{5|{{{iconSecondary|}}}}}}"> </span> | |||
}}</span>]] | |||
}}<!-- | |||
--></onlyinclude> | |||
{{documentation}} | {{documentation}} | ||
</ | <!-- Add categories and interwikis to Template:Clickable button/doc subpage, not here! --> |
Revision as of 13:11, 23 November 2021
This template is used on approximately 16,000 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them. |
This template creates an area with the visual appearance of a button. This area can be placed inside a wikilink to give the link the appearance of a button, and expand its clickable size and tap target.
Usage
Unnamed parameters:
{{Clickable button | TEXT }}
{{Clickable button | TEXT | COLOR }}
Named parameters:
{{Clickable button | 1= TEXT }}
{{Clickable button | 1= TEXT | color= COLOR }}
Button with wikilink:
[[ WIKILINK | {{Clickable button | TEXT }} ]]
[[ WIKILINK | {{Clickable button | TEXT | color= COLOR }} ]]
Examples
Parameter: 1 (1)
Example: {{Clickable button|This looks like a button}}
Example: [[Talk:Main Page|{{Clickable button|Main page talk page}}]]
Parameter: color
You can select three colors: white (default), blue (progressive) and red (destructive):
White (Default) example: {{Clickable button|Button text|color=white}}
Blue (Progressive) example: {{Clickable button|Button text|color=blue}}
Red (Destructive) example: {{Clickable button|Button text|color=red}}
Note: After the changes outlined in Phabricator task T110555 were implemented, {{Clickable button|color=green}}
produces the same output as {{Clickable button|color=blue}}
.