Admin: 1 revision imported

2023-02-06T15:13:09Z

1 revision imported

en>Vis M: see also * Template:Clickable button 3

2021-06-23T11:47:22Z

Admin: 1 revision imported

2020-02-16T16:15:39Z

1 revision imported

wikipedia>Dibbydib at 01:24, 28 November 2019

2019-11-28T01:24:45Z

New page

{{documentation subpage}}

{{template shortcut|CLB|clickb}}
{{High use| 10346 }}
This template creates an area with the visual appearance of a button. This area can be placed inside a [[wikilink]] to give the link the appearance of a button, and expand its clickable size and tap target.

==Usage==
Unnamed parameters:
* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | ''TEXT'' <nowiki>}}</nowiki></code>
* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | ''TEXT'' | ''COLOR'' <nowiki>}}</nowiki></code>

Named parameters:
* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | 1= ''TEXT'' <nowiki>}}</nowiki></code>
* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | 1= ''TEXT'' | color= ''COLOR'' <nowiki>}}</nowiki></code>

Button with wikilink:
* <code><nowiki>[[ WIKILINK | {{</nowiki>{{BASEPAGENAME}} | ''TEXT'' <nowiki>}} ]]</nowiki></code>
* <code><nowiki>[[ WIKILINK | {{</nowiki>{{BASEPAGENAME}} | ''TEXT'' | color= ''COLOR'' <nowiki>}} ]]</nowiki></code>

== Examples ==

=== Parameter: 1 (1) ===

Example: <code><nowiki>{{Clickable button|This looks like a button}}</nowiki></code>
: Result: {{Clickable button|This looks like a button}}

Example: <code><nowiki>[[Talk:Main Page|{{Clickable button|Main page talk page}}]]</nowiki></code>
: Result: [[Talk:Main Page|{{Clickable button|Main page talk page}}]]

=== Parameter: color ===
You can select three colors: white (default), blue (progressive) and red (destructive):

White (Default) example: <code><nowiki>{{Clickable button|Button text|color=white}}</nowiki></code>
: Result: {{Clickable button|Button text|color=white}}

Blue (Progressive) example: <code><nowiki>{{Clickable button|Button text|color=blue}}</nowiki></code>
: Result: {{Clickable button|Button text|color=blue}}

Red (Destructive) example: <code><nowiki>{{Clickable button|Button text|color=red}}</nowiki></code>
: Result: {{Clickable button|Button text|color=red}}

'''Note:''' After the changes outlined in Phabricator task {{Phab|T110555}} were implemented, <code><nowiki>{{Clickable button|color=green}}</nowiki></code> produces the same output as <code><nowiki>{{Clickable button|color=blue}}</nowiki></code>.

{{Button templates}}

<includeonly>{{Sandbox other||

[[Category:Wikipedia formatting and function templates]]
[[Category:Wikipedia button templates]]

}}</includeonly>

← Older revision	Revision as of 15:13, 6 February 2023
(No difference)

@@ Line 1: / Line 1: @@
-{{documentation subpage}}
+{{tracked|T39744}}
-<!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) -->
+{{TemplateBox
-{{template shortcut|CLB|clickb}}
+|1=target
-{{High use| 10346 }}
+|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.
-This template creates an area with the visual appearance of a button. This area can be placed inside a [[wikilink]] to give the link the appearance of a button, and expand its clickable size and tap target.
+|1def=
-==Usage==
+|3=text
-Unnamed parameters:
+|3d=Text (caption) the button should carry. Either you specify text or an icon.
-* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | ''TEXT'' <nowiki>}}</nowiki></code>
+|3def=
-* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | ''TEXT'' | ''COLOR'' <nowiki>}}</nowiki></code>
+|3stat=required
-Named parameters:
+|5=external
-* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | 1= ''TEXT'' <nowiki>}}</nowiki></code>
+|5d=Is this an external link? If it is, set to yes or aye, or whatever you like, except nothing.
-* <code><nowiki>{{</nowiki>{{BASEPAGENAME}} | 1= ''TEXT'' | color= ''COLOR'' <nowiki>}}</nowiki></code>
+|5def=
-Button with wikilink:
+|7=iconPrimary
-* <code><nowiki>[[ WIKILINK | {{</nowiki>{{BASEPAGENAME}} | ''TEXT'' <nowiki>}} ]]</nowiki></code>
+|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/]
-* <code><nowiki>[[ WIKILINK | {{</nowiki>{{BASEPAGENAME}} | ''TEXT'' | color= ''COLOR'' <nowiki>}} ]]</nowiki></code>
+|7def=
-== Examples ==
+|9=iconSecondary
-=== Parameter: 1 (1) ===
+|11=class
-Example: <code><nowiki>{{Clickable button|This looks like a button}}</nowiki></code>
+|13=id
-: Result: {{Clickable button|This looks like a button}}
+|13d=Unique id to be used as the button's ID-Attribute. Useful for JavaScript-binding and CSS-styling.
-Example: <code><nowiki>[[Talk:Main Page|{{Clickable button|Main page talk page}}]]</nowiki></code>
+|name=Clickable button
-: Result: [[Talk:Main Page|{{Clickable button|Main page talk page}}]]
+|desc=Provides a button with hover effects.
-=== Parameter: color ===
+<includeonly>
-You can select three colors: white (default), blue (progressive) and red (destructive):
+<!-- Interwikis go on Wikidata, please add only Categories here -->
+[[Category:Formatting templates]]
-White (Default) example: <code><nowiki>{{Clickable button|Button text|color=white}}</nowiki></code>
+</includeonly>

← Older revision	Revision as of 16:15, 16 February 2020
(No difference)

Template:Clickable button/doc - Revision history

Admin: 1 revision imported

en>Vis M: see also * Template:Clickable button 3

Admin: 1 revision imported

wikipedia>Dibbydib at 01:24, 28 November 2019