Template:Clickable button 2: Difference between revisions
en>Edokter Please don't do this! Point me to issues and I will fix them; reverting is getting us nowhere. This change is according to MediaWiki talk:Common.js#Fixing Template:clickable button. Discuss there. |
en>Technical 13 This "should" make it backwards compatible AND tag all of the pages using the old style so they can be updated because it just looks absolutely horrible in the mean time. |
||
| Line 4: | Line 4: | ||
}}<span class="mw-ui-button {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style="cursor: default; | }}<span class="mw-ui-button {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style="cursor: default; | ||
{{#switch:{{{class}}} | {{#switch:{{{class}}} | ||
| mw-ui-progressive = background-color: #2962CB; | | ui-button-blue | mw-ui-progressive = background-color: #2962CB; | ||
| mw-ui-constructive = background-color: #008B6D; | | ui-button-green | mw-ui-constructive = background-color: #008B6D; | ||
| mw-ui-destructive = background-color: #A6170F; | | ui-button-red | mw-ui-destructive = background-color: #A6170F; | ||
| #default = background-color: #CCC; color: #666; | | #default = background-color: #CCC; color: #666; | ||
}}" | }}" | ||
| Line 13: | Line 13: | ||
|{{{1}}} | |{{{1}}} | ||
|{{{url}}} | |{{{url}}} | ||
}}</span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span>] | }}{{#if:{{{ui-button-green|}}}|{{#if:{{{ui-button-blue|}}}|{{#if:{{{ui-button-red|}}}|[[Category:Pages using old style ui-button-color]]}}}}}}</span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span>] | ||
}}]</span><noinclude> | }}]</span><noinclude> | ||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> | ||
Revision as of 15:19, 13 February 2014
[[|]]
 | This template uses Lua: |
This template styles a link like a button, using the mediawiki.ui.button module. This expands the clickable area and tap target for the link. It can be used in the following ways,
- Code:
{{Clickable button 2|Main Page}} - Code:
{{Clickable button 2|Main Page|Cover page}} - Code:
{{Clickable button 2|Main Page|url=http://en.wikipedia.org}} - Code:
{{Clickable button 2|Main Page|class=mw-ui-destructive}} - Code:
{{Clickable button 2|Main Page|class=mw-ui-progressive}}
Note: After the changes outlined in Phabricator task T110555 were implemented, {{Clickable button 2|Main Page|class=mw-ui-constructive}} produces the same output as {{Clickable button 2|Main Page|class=mw-ui-progressive}}.
Template data
Styles a link like a button, using the mediawiki.ui.button module
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Link/Label | 1 | Defines the page to link to, and uses that page's title as the text for the button
| Page name | required |
| Label | 2 | Defines the text that appears on the button | Unknown | suggested |
| URL | url | Defines a web address for the button to link to
| URL | optional |
| class | class | Defines the visual type of the button
| String | optional |
| style | style | no description | String | optional |
| category | category | no description | Boolean | optional |
See also
- commons:Template:Clickable button, corresponding clickable button at Commons.
- Wikimedia design style guide advice on buttons
Button templates | |
|---|---|
| General button templates |
|
| WikiProject-specific buttons |
|
