Template:Clickable button 2: Difference between revisions

Template page
Content added Content deleted
(Documentary page)
(Beatified the page)
Line 1: Line 1:
<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><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>
{{Clickable button 2|Template:Clickable button 2|Clickable button 2}}

{{Documentation}}</noinclude>

---><noinclude>{{Documentation}}</noinclude>

Revision as of 20:39, 26 January 2013

Clickable button 2

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

Cookies help us deliver our services. By using our services, you agree to our use of cookies.