Template:Clickable button

Parameter text is empty

Documentation

This documentation is transcluded from Template:Clickable button/doc. (edit | history)

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

{{Clickable button|target=|text=|external=}}

Parameters

Parameter name	Description	Default value	required or optional?
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

See also

• {{button}}
• {{key press}}

Localization

This template is not intended to be localized.