Template:Clickable button 2: Difference between revisions
en>Edokter colors |
en>Technical 13 I'm sure there are good intentions here, but this unfinished change looks horrible and is breaking the aesthetics of a lot of buttons, reverting until Ed can figure this out. |
||
Line 2: | Line 2: | ||
|{{{url}}} | |{{{url}}} | ||
|[{{{1|}}}{{!}} | |[{{{1|}}}{{!}} | ||
}}<span class=" | }}<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style{{=}}"cursor: default"}}><span class="ui-button-text" {{#ifeq:{{{1}}}|{{FULLPAGENAME}} | ||
{{#switch:{{{class}}} | |{{#switch:{{{class}}} | ||
| | |ui-button-blue=style{{=}}"background-color:#008" | ||
| | |ui-button-green=style{{=}}"background-color:#060" | ||
| | |ui-button-red=style{{=}}"background-color:#802" | ||
| #default = background-color: # | |#default=style{{=}}"background-color:#dadada;color:black" | ||
}} | }} | ||
}}>{{#if:{{{url|}}} | }}>{{#if:{{{url|}}} | ||
|{{#if:{{{1|}}} | |{{#if:{{{1|}}} | ||
|{{{1}}} | |{{{1}}} | ||
|{{{url}}} | |{{{url}}} | ||
}}</span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span>] | }}</span></span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span></span>] | ||
}}]</span><noinclude> | }}]</span><noinclude> | ||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> |
Revision as of 03:52, 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