Open main menu
Home
Random
Donate
Recent changes
Special pages
Community portal
Preferences
About Stockhub
Disclaimers
Search
User menu
Talk
Contributions
Create account
Log in
Editing
Template:Clickable button/doc
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
{{tracked|T39744}} {{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 <code><nowiki>=</nowiki></code> 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''[http://api.jqueryui.com/theming/icons/] |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 <code> ui-button-green ui-button-large</code> |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= ---- :<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}} |type=formatting |example= |i18n-method=- |i18n-desc= |seealso= * {{tl|button}} (works without JS enabled) * {{tl|Clickable button 2}} (import from de.wikipedia) * {{tl|key press}} * {{tl|Clickable button 3}} |setscats= |lines=1 |shorthand= |relieson= * [https://gerrit.wikimedia.org/r/gitweb?p=mediawiki/core.git;a=tree;f=resources/jquery.ui jquery.ui.button] }} == Test suite/ Unit tests == <table> <tr><td>Icon only</td><td>{{Clickable button|iconPrimary=ui-icon-help}}</td><td>{{Clickable button|iconSecondary=ui-icon-help}}</td><td>{{Clickable button|iconSecondary=ui-icon-help|iconPrimary=ui-icon-info}}</td></tr> <tr><td>Icon text</td><td>{{Clickable button|iconPrimary=ui-icon-help|text=Abc}}</td><td>{{Clickable button|iconSecondary=ui-icon-help|text=Abc}}</td><td>{{Clickable button|iconSecondary=ui-icon-help|iconPrimary=ui-icon-info|text=Abc}}</td></tr> <tr><td>Text only, links</td><td>{{Clickable button|text=Abc}}</td><td>{{Clickable button|text=Abc|target=Main Page}}</td><td>{{Clickable button|text=Abc|target=//commons.wikimedia.org/wiki/Main_Page|external=1}}</td></tr> <tr><td>Colors</td><td>{{Clickable button|text=Abc|class=ui-button-green}}</td><td>{{Clickable button|text=Abc|class=ui-button-red}}</td><td>{{Clickable button|text=Abc|class=ui-button-blue}}</td></tr> </table> <includeonly> <!-- Interwikis go on Wikidata, please add only Categories here --> [[Category:Formatting templates]] </includeonly>
Summary:
Please note that all contributions to Stockhub may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see
Stockhub:Copyrights
for details).
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Templates used on this page:
Template:Autotranslate
(
edit
)
Template:Clickable button
(
edit
)
Template:Clickable button/iconclass
(
edit
)
Template:Fallback
(
edit
)
Template:TemplateBox
(
edit
)
Template:TemplateDataInfo/toggler
(
edit
)
Template:Tl
(
edit
)
Template:Tracked
(
edit
)
Template:Tracked/layout
(
edit
)
Template:Tracked/styles.css
(
edit
)
Template:Trim
(
edit
)
Module:Autotranslate
(
edit
)
Module:Languages
(
edit
)
Module:TNT
(
edit
)
Module:TableTools
(
edit
)
Module:TemplateBox
(
edit
)