You should wrap the link around the button. Otherwise parts of the area won't direct the user to the target, which can be very confusing. -- Rillke ( talk) 12:11, 9 September 2012 (UTC)
{{Clickable button|[[Talk:Main Page|Main page talk page]]}}
The above produces
[[Talk:Main Page| ]]
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
Care to create clickable button 2 with the content from that? We can link it from the doc page here. Ryan Vesey 18:42, 12 October 2012 (UTC)
Hey, thanks for using mw:Agora styles! By design this default Neutral button style doesn't stand out, so that you can have
and have [Do it] as the "Call to action". So maybe the template could support a parameter for the additional semantics. Someone could and should update templates like {{
Blue button}}
, but the semantic styles are more future-proof. The underlying CSS styles are in a
living style guide. --
S Page (WMF) (
talk)
23:38, 3 July 2014 (UTC)
progressive
) --
VEckl (WMF) (
talk)
23:04, 14 March 2016 (UTC)Could this button be rewritten into OOjs UI style, which is supposed to replace old and unmaintained MediaWiki UI? E.g. cswiki already made the change. There is a nice conversation between me and mediawiki dev MatmaRex, where I found out MWUI is deprecated and there is a new OOUI (classes oo-ui-*) instead, which is intended to replace that old MWUI (classes mw-ui-*) and oldest UI (classes ui-*). -- Dvorapa ( talk) 09:12, 21 November 2015 (UTC)
Are there more colors except red, green, blue and white? Wetit🐷 0 22:54, 7 September 2016 (UTC)
Hi, we have similar template on Slovak Wikipedia for clickable button, but it only works in desktop view, not the mobile one. I am not a tech kind of person so can you maybe have a look at it what is missing there? Thanks a lot, -- Luky001 ( talk) 11:45, 22 March 2019 (UTC)
mw.hook('wikipage.content').add(function() {
if ((mw.loader.getState('oojs-ui') === 'registered') && ($('.oo-ui-widget').length)) {
mw.loader.using(['oojs-ui']);
}
});
I was told that this same code should make template work for mobile versions when added to sk:MediaWiki:Mobile.js, but the user is not sure if it is going to work, so he advised me rather to do some simpler version in sk:MediaWiki:Mobile.css. Note: Template is not working in mobile view on Czech Wikipedia as well. -- Luky001 ( talk) 16:53, 28 March 2019 (UTC)
{{Clickable button|Button text|color=white}} {{Clickable button|Button text|color=blue}} {{Clickable button|Button text|color=red}}
<span class="mw-ui-button ">Button text</span> <span class="mw-ui-button mw-ui-progressive">Button text</span> <span class="mw-ui-button mw-ui-destructive">Button text</span>
It's not clear what the difference is. Can we add something to the documentation on that? Sdkb ( talk) 19:37, 16 January 2020 (UTC)
{{Clickable button}}
creates a clickable button in the first place (without a function by default, can be misleading), {{Clickable button 2}}
always creates a link styled like a button{{Clickable button 2}}
is done through Lua Module (more elegant solution){{Clickable button 2}}
has a parameter for URLs, no need to wrap in a wikilink, better handling of links (in my opinion)
[[Main Page | {{Clickable button| Main Page}} ]]
→ [[Main Page | ]] and some additional text {{Clickable button 2|Main Page}}
→ and some additional text{{Clickable button|url=/info/en/?search=Main_Page | External link}}
→ and some additional text (notice: there is no blank space after the link icon!){{Clickable button|[/info/en/?search=Main_Page External link]}}
→ and some additional text (notice: now the link text is styled as normal wiki link!) {{Clickable button 2|External link|url=/info/en/?search=Main_Page}}
→ and some additional textThis
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
Add the following to the top of the page:
<noinclude>{{For|the more commonly used clickable button|Template:Clickable button 2}}</noinclude>
This might help people delving into buttons for the first time more easily figure out where to go. As always, make sure the </noinclude>
ends on the same line as the first line of the template code. {{u|
Sdkb}}
talk
17:30, 17 June 2020 (UTC)
This
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
Can the link to "your own user subpage" be linked to WP:UP#SUB? ― Qwerfjkl| ✉ 20:14, 5 April 2021 (UTC)
I think this template needs to be merged with the Clickable Button 2 because they have the same functionality. What do you think? -- littleb2009 (she/her) ( talk • contribs) 16:54, 17 June 2021 (UTC)
This
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
I'm going WP:BOLD and listing the template at WP:TfD for a merger with with the other clickable button, Template:Clickable button 2. Could an template editor add the TfD notice to it? -- littleb2009 (she/her) ( talk • contribs) 00:21, 18 June 2021 (UTC)
P.S. Since I don't want anyone to break Wikipedia, remember to use <noinclude></noinclude> tags!
This
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
Replace {{{color|white}}}
with {{{color|{{{colour|white}}}}}}
Qwerfjkl
talk
23:43, 19 November 2021 (UTC)
@ Primefac can you move Module:Clickable button 2 to match this template's name? Gonnym ( talk) 19:23, 5 March 2024 (UTC)
I reverted the recent change because I was seeing things like this
[[Wikipedia:WikiProject Women in Red/Meetup/300|
]]on pages like Wikipedia:WikiProject Women in Red/Meetup/293 — Martin ( MSGJ · talk) 19:59, 5 March 2024 (UTC)
<small>...</small>
throws everything off...
{{Clickable button|
Alphabet run X, Y & Z|color=white}}
→ {{Clickable button 2|
Alphabet run X, Y & Z|color=white}}
→ {{Clickable button 2|
Alphabet run X, Y & Z|color=white}}
→ <small>...</small>
issue has been dealt with, and I don't see any other tags that would be borking things, so I'm going to re-implement the merge.
Primefac (
talk)
21:17, 6 March 2024 (UTC)
{{clickable button|<small>[[Wikipedia:WikiProject Women in Red/Ideas|Ideas]]</small>}}
produces — Martin (
MSGJ ·
talk)
05:01, 21 March 2024 (UTC)
You should wrap the link around the button. Otherwise parts of the area won't direct the user to the target, which can be very confusing. -- Rillke ( talk) 12:11, 9 September 2012 (UTC)
{{Clickable button|[[Talk:Main Page|Main page talk page]]}}
The above produces
[[Talk:Main Page| ]]
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
is in
Perambra State Assembly constituency. Its coordinates is 11°29'19.07"N, 75°43'35.33"E
Care to create clickable button 2 with the content from that? We can link it from the doc page here. Ryan Vesey 18:42, 12 October 2012 (UTC)
Hey, thanks for using mw:Agora styles! By design this default Neutral button style doesn't stand out, so that you can have
and have [Do it] as the "Call to action". So maybe the template could support a parameter for the additional semantics. Someone could and should update templates like {{
Blue button}}
, but the semantic styles are more future-proof. The underlying CSS styles are in a
living style guide. --
S Page (WMF) (
talk)
23:38, 3 July 2014 (UTC)
progressive
) --
VEckl (WMF) (
talk)
23:04, 14 March 2016 (UTC)Could this button be rewritten into OOjs UI style, which is supposed to replace old and unmaintained MediaWiki UI? E.g. cswiki already made the change. There is a nice conversation between me and mediawiki dev MatmaRex, where I found out MWUI is deprecated and there is a new OOUI (classes oo-ui-*) instead, which is intended to replace that old MWUI (classes mw-ui-*) and oldest UI (classes ui-*). -- Dvorapa ( talk) 09:12, 21 November 2015 (UTC)
Are there more colors except red, green, blue and white? Wetit🐷 0 22:54, 7 September 2016 (UTC)
Hi, we have similar template on Slovak Wikipedia for clickable button, but it only works in desktop view, not the mobile one. I am not a tech kind of person so can you maybe have a look at it what is missing there? Thanks a lot, -- Luky001 ( talk) 11:45, 22 March 2019 (UTC)
mw.hook('wikipage.content').add(function() {
if ((mw.loader.getState('oojs-ui') === 'registered') && ($('.oo-ui-widget').length)) {
mw.loader.using(['oojs-ui']);
}
});
I was told that this same code should make template work for mobile versions when added to sk:MediaWiki:Mobile.js, but the user is not sure if it is going to work, so he advised me rather to do some simpler version in sk:MediaWiki:Mobile.css. Note: Template is not working in mobile view on Czech Wikipedia as well. -- Luky001 ( talk) 16:53, 28 March 2019 (UTC)
{{Clickable button|Button text|color=white}} {{Clickable button|Button text|color=blue}} {{Clickable button|Button text|color=red}}
<span class="mw-ui-button ">Button text</span> <span class="mw-ui-button mw-ui-progressive">Button text</span> <span class="mw-ui-button mw-ui-destructive">Button text</span>
It's not clear what the difference is. Can we add something to the documentation on that? Sdkb ( talk) 19:37, 16 January 2020 (UTC)
{{Clickable button}}
creates a clickable button in the first place (without a function by default, can be misleading), {{Clickable button 2}}
always creates a link styled like a button{{Clickable button 2}}
is done through Lua Module (more elegant solution){{Clickable button 2}}
has a parameter for URLs, no need to wrap in a wikilink, better handling of links (in my opinion)
[[Main Page | {{Clickable button| Main Page}} ]]
→ [[Main Page | ]] and some additional text {{Clickable button 2|Main Page}}
→ and some additional text{{Clickable button|url=/info/en/?search=Main_Page | External link}}
→ and some additional text (notice: there is no blank space after the link icon!){{Clickable button|[/info/en/?search=Main_Page External link]}}
→ and some additional text (notice: now the link text is styled as normal wiki link!) {{Clickable button 2|External link|url=/info/en/?search=Main_Page}}
→ and some additional textThis
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
Add the following to the top of the page:
<noinclude>{{For|the more commonly used clickable button|Template:Clickable button 2}}</noinclude>
This might help people delving into buttons for the first time more easily figure out where to go. As always, make sure the </noinclude>
ends on the same line as the first line of the template code. {{u|
Sdkb}}
talk
17:30, 17 June 2020 (UTC)
This
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
Can the link to "your own user subpage" be linked to WP:UP#SUB? ― Qwerfjkl| ✉ 20:14, 5 April 2021 (UTC)
I think this template needs to be merged with the Clickable Button 2 because they have the same functionality. What do you think? -- littleb2009 (she/her) ( talk • contribs) 16:54, 17 June 2021 (UTC)
This
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
I'm going WP:BOLD and listing the template at WP:TfD for a merger with with the other clickable button, Template:Clickable button 2. Could an template editor add the TfD notice to it? -- littleb2009 (she/her) ( talk • contribs) 00:21, 18 June 2021 (UTC)
P.S. Since I don't want anyone to break Wikipedia, remember to use <noinclude></noinclude> tags!
This
edit request has been answered. Set the |answered= or |ans= parameter to no to reactivate your request. |
Replace {{{color|white}}}
with {{{color|{{{colour|white}}}}}}
Qwerfjkl
talk
23:43, 19 November 2021 (UTC)
@ Primefac can you move Module:Clickable button 2 to match this template's name? Gonnym ( talk) 19:23, 5 March 2024 (UTC)
I reverted the recent change because I was seeing things like this
[[Wikipedia:WikiProject Women in Red/Meetup/300|
]]on pages like Wikipedia:WikiProject Women in Red/Meetup/293 — Martin ( MSGJ · talk) 19:59, 5 March 2024 (UTC)
<small>...</small>
throws everything off...
{{Clickable button|
Alphabet run X, Y & Z|color=white}}
→ {{Clickable button 2|
Alphabet run X, Y & Z|color=white}}
→ {{Clickable button 2|
Alphabet run X, Y & Z|color=white}}
→ <small>...</small>
issue has been dealt with, and I don't see any other tags that would be borking things, so I'm going to re-implement the merge.
Primefac (
talk)
21:17, 6 March 2024 (UTC)
{{clickable button|<small>[[Wikipedia:WikiProject Women in Red/Ideas|Ideas]]</small>}}
produces — Martin (
MSGJ ·
talk)
05:01, 21 March 2024 (UTC)