Template:Clickable button/doc: Difference between revisions

Revision as of 11:08, 15 September 2012

This subpage contains documentation, categories, or other content that is not part of the template.
To view the template page itself, see Template:Clickable button.

العربية ∙ asturianu ∙ Boarisch ∙ беларуская (тарашкевіца) ∙ български ∙ বাংলা ∙ català ∙ čeština ∙ dansk ∙ Deutsch ∙ Zazaki ∙ Ελληνικά ∙ English ∙ Esperanto ∙ español ∙ eesti ∙ euskara ∙ فارسی ∙ suomi ∙ français ∙ galego ∙ עברית ∙ हिन्दी ∙ hrvatski ∙ magyar ∙ Bahasa Indonesia ∙ italiano ∙ 日本語 ∙ ქართული ∙ 한국어 ∙ кыргызча ∙ Lëtzebuergesch ∙ македонски ∙ മലയാളം ∙ ဘာသာမန် ∙ Bahasa Melayu ∙ Mirandés ∙ မြန်မာဘာသာ ∙ norsk bokmål ∙ Plattdüütsch ∙ Nederlands ∙ norsk ∙ polski ∙ português ∙ português do Brasil ∙ русский ∙ sicilianu ∙ Scots ∙ slovenščina ∙ српски / srpski ∙ svenska ∙ ไทย ∙ Türkçe ∙ українська ∙ اردو ∙ oʻzbekcha / ўзбекча ∙ Tiếng Việt ∙ 中文 ∙ 中文（简体） ∙ 中文（繁體） ∙ 中文（臺灣） ∙ +/−

Provides a button with hover effects.

{{Clickable button|FAQ|Frequently asked questions}} →
- Frequently asked questions
{{Clickable button|target={{fullurl:{{FULLPAGENAME}}|withJS=MediaWiki:VisualFileChange.js}}|text=This page with '''VisualFileChange'''|external=true}} →
- This page with VisualFileChange
{{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-orange ui-button-large}} →
- Wikipedia's manual of Style
{{Clickable button|:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}} →
- Twinkle preferences
{{Clickable button|target={{fullurl:Special:Random/User talk|action=edit&section=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}} →
- Do something good

Usage

Template parameters

Parameter	Description	Default	Status
`target`	The target page of the "button". For external links, however, it is recommended using the named parameter target	empty	required
`1`	same as target; Please use named parameters if it is an external link because they often contain `=` which would confuse the parser.	empty	optional
`text`	Text (caption) the button should carry. Either you specify text or an icon.	empty	required
`2`	same as text	empty	optional
`external`	Is this an external link? If it is, set to yes or aye, or whatever you like, except nothing.	empty	optional
`3`	same as external	empty	optional
`iconPrimary`	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	empty	optional
`4`	same as iconPrimary	empty	optional
`iconSecondary`	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	empty	optional
`5`	same as iconSecondary	empty	optional
`class`	Add classes like `ui-button-green ui-button-large`	empty	optional

Additional information

The template is intended to be used in the following namespaces: all namespaces

The template is intended to be used by the following user groups: all users

Relies on:

jquery.ui.button

Localization

This template is not intended to be localized.

@@ Line 11: / Line 11: @@
 |3=text
-|3d=Text (caption) the button should carry.
+|3d=Text (caption) the button should carry. Either you specify text or an icon.
 |3def=
 |3stat=required
@@ Line 30: / Line 30: @@
 |6stat=optional-
-|7=
+|7=iconPrimary
-|7d=
+|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''
 |7def=
-|7stat=
+|7stat=optional-
-|8=
+|8=4
-|8d=
+|8d=same as iconPrimary
 |8def=
-|8stat=
+|8stat=optional-
-|9=
+|9=iconSecondary
-|9d=
+|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=
+|9stat=optional-
-|10=class
+|10=5
-|10d=Add classes like <code> ui-button-green ui-button-large</code>
+|10d=same as iconSecondary
 |10def=
 |10stat=optional-
+|11=class
+|11d=Add classes like <code> ui-button-green ui-button-large</code>
+|11def=
+|11stat=optional-
 |name=Clickable button
@@ Line 58: / Line 63: @@
 * <code><nowiki>{{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-orange ui-button-large}}</nowiki></code> →
 ** {{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-orange ui-button-large}}
+* <code><nowiki>{{Clickable button|:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}</nowiki></code> →
+** {{Clickable button|:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}
+* <code><nowiki>{{Clickable button|target={{fullurl:Special:Random/User talk|action=edit&section=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}}</nowiki></code> →
+** {{Clickable button|target={{fullurl:Special:Random/User talk|action=edit&section=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}}
 |namespace=all
 |usergroup=all