Template:Clickable button/doc
{{Commons:TemplateBox
|1=target
|1d=The target page of the "button". For external links, however, it is recommended using the named parameter target. Please use named parameters if it is an external link because they often contain =
which would confuse the parser.
|1def=
|1stat=required
|1aliases=1
|3=text |3d=Text (caption) the button should carry. Either you specify text or an icon. |3def= |3stat=required |3aliases=2
|5=external |5d=Is this an external link? If it is, set to yes or aye, or whatever you like, except nothing. |5def= |5stat=optional |5aliases=3
|7=iconPrimary |7d=A jquery UI icon class for the primary icon (in LTR languages on the left side of the button label/text). E.g. ui-icon-gear[1] |7def= |7stat=optional- |7aliases=4
|9=iconSecondary |9d=A jquery UI icon class for the secondary icon (in LTR languages on the right side of the button label/text). E.g. ui-icon-triangle-1-s |9def= |9stat=optional- |9aliases=5
|11=class
|11d=Add classes like ui-button-green ui-button-large
|11def=
|11stat=optional-
|13=id |13d=Unique id to be used as the button's ID-Attribute. Useful for JavaScript-binding and CSS-styling. |13def= |13stat=optional-
|name=Clickable button |desc=Provides a button with hover effects. |namespace=all |usergroup=all |placement= |usage-notes=
{{Clickable button|target={{fullurl:{{FULLPAGENAME}}|withJS=MediaWiki:VisualFileChange.js}}|text=This page with '''VisualFileChange'''|external=true}}
→
{{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green ui-button-large}}
→
{{Clickable button|:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}
→
{{Clickable button|target={{fullurl:Special:Random/User talk|action=edit§ion=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}}
→
|type=formatting |example= |i18n-method=- |i18n-desc= |seealso=
- {{button}} (works without JS enabled)
- {{Clickable button 2}} (import from de.wikipedia)
- {{key press}}
|setscats= |lines=1 |shorthand= |relieson=
}}
Test suite/ Unit tests
Icon only | |||
Icon text | |||
Text only, links | |||
Colors |