Difference between revisions of "Template:Clickable button 2"

From blackwiki
Jump to navigation Jump to search
imported>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.)
imported>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.)
Line 2: Line 2:
 
  |{{{url}}}
 
  |{{{url}}}
 
  |[{{{1|}}}{{!}}
 
  |[{{{1|}}}{{!}}
}}<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}}
+
}}<span class="mw-ui-button {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style="cursor: default;
  |{{#switch:{{{class}}}
+
  {{#switch:{{{class}}}
   |ui-button-blue=style{{=}}"background-color:#008"
+
   | mw-ui-progressive = background-color: #2962CB;
   |ui-button-green=style{{=}}"background-color:#060"
+
   | mw-ui-constructive = background-color: #008B6D;
   |ui-button-red=style{{=}}"background-color:#802"
+
   | mw-ui-destructive = background-color: #A6170F;
   |#default=style{{=}}"background-color:#dadada;color:black"
+
   | #default = background-color: #CCC; color: #666;
  }}
+
  }}"
 
}}>{{#if:{{{url|}}}
 
}}>{{#if:{{{url|}}}
 
  |{{#if:{{{1|}}}
 
  |{{#if:{{{1|}}}
 
   |{{{1}}}
 
   |{{{1}}}
 
   |{{{url}}}
 
   |{{{url}}}
  }}</span></span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span></span>]
+
  }}</span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span>]
 
}}]</span><noinclude>
 
}}]</span><noinclude>
 
{{Documentation}}
 
{{Documentation}}
 
</noinclude>
 
</noinclude>

Revision as of 12:38, 13 February 2014

[[|]]

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

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

Template parameters

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Link/Label1

Defines the page to link to, and uses that page's title as the text for the button

Example
Foobar
Pagerequired
Label2

Defines the text that appears on the button

Unknownsuggested
URLurl

Defines a web address for the button to link to

Example
https://www.example.com
URLoptional
Classclass

Defines the visual type of the button

Example
mw-ui-progressive, mw-ui-destructive
Stringoptional
Stylestyle

no description

Stringoptional
Categorycategory

no description

Booleanoptional

See also