Template:Clickable button 2: Difference between revisions

Content added Content deleted

Inline

Revision as of 11:57, 7 October 2013

[[|]]

Template documentation[view] [edit] [history] [purge]

This is a documentation subpage for Template:Clickable button 2.
It contains usage information, categories and other content that is not part of the original template page.

This template uses Lua:

Module:Clickable button 2

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}}
- Result: Main Page
Code: {{Clickable button 2|Main Page|Cover page}}
- Result: Cover page
Code: {{Clickable button 2|Main Page|url=http://en.wikipedia.org}}
- Result: Main Page
Code: {{Clickable button 2|Main Page|class=mw-ui-destructive}}
- Result: Main Page
Code: {{Clickable button 2|Main Page|class=mw-ui-progressive}}
- Result: Main Page

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}}.

The above documentation is transcluded from Template:Clickable button 2/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Please add categories to the /doc subpage. Subpages of this template.

@@ Line 1: / Line 1: @@
+<span class="plainlinks">[{{#if:{{{url|}}}
-<includeonly><span class="plainlinks">[{{#if:{{{url|}}}|{{{url|}}} |[{{{1|}}}{{!}}}}<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only {{{class|}}}" role="button" aria-disabled="false"><span class="ui-button-text">{{#if:{{{url|}}}|{{#if:{{{1|}}}|{{{1|}}}|{{{url|}}}}}</span></span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span></span>]}}]</span></includeonly><noinclude>
+ |{{{url}}}
-{{Clickable button 2|Template:Clickable button 2|Clickable button 2}}
+ |[{{{1|}}}{{!}}
-{{Documentation}}</noinclude>
+}}<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}}}
+  |ui-button-blue=style{{=}}"background-color:#008"
+  |ui-button-green=style{{=}}"background-color:#060"
+  |ui-button-red=style{{=}}"background-color:#802"
+  |#default=style{{=}}"background-color:#dadada;color:black"
+ }}
+}}>{{#if:{{{url|}}}
+ |{{#if:{{{1|}}}
+  |{{{1}}}
+  |{{{url}}}
+ }}</span></span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span></span>]
+}}]</span><noinclude>
+{{Documentation}}
+</noinclude>