Template:Clickable button/doc: Difference between revisions
Template page
More actions
m +icons |
m update sample, iw-links |
||
| Line 57: | Line 57: | ||
|name=Clickable button | |name=Clickable button | ||
|desc=Provides a button with hover effects. | |desc=Provides a button with hover effects. | ||
---- | |||
:<code><nowiki>{{Clickable button|FAQ|Frequently asked questions}}</nowiki></code> → | |||
::: {{Clickable button|FAQ|Frequently asked questions}} | |||
---- | |||
: <code><nowiki>{{Clickable button|target={{fullurl:{{FULLPAGENAME}}|withJS=MediaWiki:VisualFileChange.js}}|text=This page with '''VisualFileChange'''|external=true}}</nowiki></code> → | |||
::: {{Clickable button|target={{fullurl:{{FULLPAGENAME}}|withJS=MediaWiki:VisualFileChange.js}}|text=This page with '''VisualFileChange'''|external=true}} | |||
---- | |||
: <code><nowiki>{{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green ui-button-large}}</nowiki></code> → | |||
::: {{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green 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§ion=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§ion=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}} | |||
---- | |||
|namespace=all | |namespace=all | ||
|usergroup=all | |usergroup=all | ||
| Line 89: | Line 94: | ||
[[Category:Formatting templates]] | [[Category:Formatting templates]] | ||
[[ca:Plantilla:Botó clicable]] | |||
[[en:Template:Clickable button]] | [[en:Template:Clickable button]] | ||
[[fr:Modèle:Bouton cliquable]] | |||
[[ja:Template:Clickable button]] | |||
[[ko:틀:Clickable button]] | |||
[[ku:Şablon:Clickable button]] | |||
[[tr:Şablon:Tıklanabilir düğme]] | |||
[[zh:Template:Clickable button]] | |||
</includeonly> | </includeonly> | ||
Revision as of 12:25, 27 July 2013
Provides a button with hover effects.
{{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}}→
Usage
{{Clickable button |target= |text= |external= }}
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:
See also
Localization
This template is not intended to be localized.