Template talk:Clickable button

Untitled 2012 comment
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)


 * The template accepts a piped link in one parameter:

The above produces
 * If it's called with a piped link then I don't know a way to wrap the link around the button and display the link text inside. If the link target and text were in separate parameters then the system at Teahouse/Questions (permanent link) could be used. Here are fully clickable buttons formatted with a url in the first and a wikilink in the second:

Talk:Main Page
 * PrimeHunter (talk) 12:34, 9 October 2012 (UTC)
 * Please check User:Vanischenu/sandbox. I hope it is solved.
 * ···V ani s che nu「m/Talk」 14:56, 11 October 2012 (UTC)
 * ···V ani s che nu「m/Talk」 14:56, 11 October 2012 (UTC)
 * ···V ani s che nu「m/Talk」 14:56, 11 October 2012 (UTC)


 * It depends what is wanted from the template. It works with one page name, or two page names as separate parameters. It doesn't work for a piped link in one parameter, or an external link in one or two parameters:




 * The current Clickable button accepts piped links and external links as in the first and second example above:
 * I don't know a way to make those two work for a fully clickable button. The third could be made to work if the template is told (or can figure out) whether the first parameter is a url or a page name. PrimeHunter (talk) 15:40, 11 October 2012 (UTC)
 * I don't know a way to make those two work for a fully clickable button. The third could be made to work if the template is told (or can figure out) whether the first parameter is a url or a page name. PrimeHunter (talk) 15:40, 11 October 2012 (UTC)
 * I don't know a way to make those two work for a fully clickable button. The third could be made to work if the template is told (or can figure out) whether the first parameter is a url or a page name. PrimeHunter (talk) 15:40, 11 October 2012 (UTC)


 * My response follows your enquiry. Yes, you'll have to use 2 params which would break backward compatibility if you use unnamed params. And it should also support external URLs. Therefore I made some more complicate stuff at commons:Template:Clickable button (from the beginning on). Nice idea this template. Before I used the raw HTML markup but it looked always messy. Thx -- Rillke (talk) 15:42, 11 October 2012 (UTC)
 * Check out Template:Clickable button/sandbox. Perhaps we could move that to Clickable button 2 which could be fully clickable and wouldn't break old cases. Ryan Vesey 12:45, 12 October 2012 (UTC)
 * Does not work of external URIs, or do I miss something: -- Rillke (talk) 15:52, 12 October 2012 (UTC)


 * Hope this can help,
 * Talk:Main Page -->
 * Talk:Main Page | Main Page Talk Page -->
 * url=https://en.wikipedia.org/wiki/Talk:Main_Page | Main Page Talk Page -->
 * Thank you. ···V ani s che nu「m/Talk」 18:34, 12 October 2012 (UTC)

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)
 * As you wish, Sir. ···V ani s che nu「m/Talk」 19:55, 12 October 2012 (UTC)
 * ···V ani s che nu「m/Talk」 05:26, 13 October 2012 (UTC)
 * A better/alternate version is available at ···V ani s che nu「m/Talk」 04:41, 14 October 2012 (UTC)

Support the semantic button styles (mw-ui-{progressive,destructive})
Hey, thanks for using Agora styles! By design this default Neutral button style doesn't stand out, so that you can have
 * This That Something else Do it

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, 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)
 * Updated example to reflect outcome of https://phabricator.wikimedia.org/T110555 resulting in consolidation into one primary, "advancing" button style --VEckl (WMF) (talk) 23:04, 14 March 2016 (UTC)

OOjs UI
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)

Colors
Are there more colors except red, green, blue and white? Wetit🐷 0 22:54, 7 September 2016 (UTC)


 * No, you have to edit the template. If someone could explain how to, it would be interesting to understand code and for testing purpose, or to create user template. — Preceding unsigned comment added by 2A01:E35:8A8D:FE80:F968:7669:E0B2:AE4A (talk) 12:29, 1 December 2016 (UTC)

Template on Slovak Wikipedia
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)
 * In [//sk.wikipedia.org/w/index.php?title=%C5%A0abl%C3%B3na:Klikate%C4%BEn%C3%A9_tla%C4%8Didlo&diff=6787255&oldid=6324476] you changed it completely from being a translation of our template. Why did you change it and where did you get all that code? I don't want to track which of all those oo-ui classes does what in desktop versus mobile. PrimeHunter (talk) 11:21, 28 March 2019 (UTC)
 * Hi, I took it from Czech Wikipedia because it seemed to me more understandable and thererefore easier to translate into Slovak. I was already solving the issue that the button was working in "Show preview" while editing but normally was displaying just as normal text with a hyperlink. After adding this code to sk:MediaWiki:Common.js it is working on the web.

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)
 * It works when I run the above JavaScript in the Firefox browser console while viewing sk:Šablóna:Klikateľné tlačidlo in the [//sk.m.wikipedia.org/wiki/%C5%A0abl%C3%B3na:Klikate%C4%BEn%C3%A9_tla%C4%8Didlo mobile version]. But it may not be popular to run extra JavaScript for all mobile users just to style a button. PrimeHunter (talk) 20:01, 28 March 2019 (UTC)
 * For me it doesn't work in Firefox. But the question is how you make it work in mobile view here at English Wikipedia. Is it somewhere in the code of the template or are there any outer conditions affecting it? --Luky001 (talk) 21:57, 28 March 2019 (UTC)
 * The outer conditions are present in MediaWiki and don't require anything in the wiki. Special:ExpandTemplates shows that


 * produces:

Button text Button text Button text
 * This code also works at Slovak Wikipedia. PrimeHunter (talk) 22:07, 28 March 2019 (UTC)
 * That I know and I used this code before having this template. Still, with this template I find it more easy to change the type and size and what is the most important, when having URL link in this code, it will show there the icon of hyperlink, which doesn't look nice when having a button. This template solves these things. --Luky001 (talk) 22:36, 28 March 2019 (UTC)

Difference between this and Template:Clickable button 2
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) →   and some additional text vs. →  and some additional text → and some additional text (notice: there is no blank space after the link icon!) or →  and some additional text (notice: now the link text is styled as normal wiki link!) vs. →  and some additional text
 * Good point, let´s try to collect something, here my experiences --Escalatr (talk) 09:48, 9 June 2020 (UTC)
 * creates a clickable button in the first place (without a function by default, can be misleading), always creates a link styled like a button
 * is done through Lua Module (more elegant solution)
 * has a parameter for URLs, no need to wrap in a wikilink, better handling of links (in my opinion)
 * Example internal link:
 * Example external link:

Template-protected edit request on 17 June 2020
Add the following to the top of the page:

This might help people delving into buttons for the first time more easily figure out where to go. As always, make sure the  ends on the same line as the first line of the template code. &#123;{u&#124; Sdkb  }&#125;  talk 17:30, 17 June 2020 (UTC)
 * Yellow check.svg Partly done: Added to the top of the doc subpage, which seems to be a bit of a convention. Mdaniels5757 (talk) 21:40, 17 June 2020 (UTC)

Template-protected edit request on 5 April 2021
Can the link to "your own user subpage" be linked to WP:UP? ― Qwerfjkl &#124;&#9993;  20:14, 5 April 2021 (UTC)
 * ❌. That would be a change to Module:High-use. Make a request there. Nardog (talk) 20:21, 5 April 2021 (UTC)
 * Actually I've just changed the link in Module:High-use. The previous link Subpages seems to have never existed. Nardog (talk) 20:27, 5 April 2021 (UTC)

Merge with the Clickable Button 2
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)

Template-protected edit request (TfD)
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 tags!
 * ✅ * Pppery * it has begun... 13:56, 18 June 2021 (UTC)

Template-protected edit request on 19 November 2021
Replace  with    Qwerfjkl  talk  23:43, 19 November 2021 (UTC)
 * ✅ Seems harmless but kind of pointless, given the merger of this template with clickable button 2, but I will AGF. – Jonesey95 (talk) 23:58, 19 November 2021 (UTC)

Module:Clickable button 2
@Primefac can you move Module:Clickable button 2 to match this template's name? Gonnym (talk) 19:23, 5 March 2024 (UTC)
 * No, mainly because it's being invoked and called from other places. Primefac (talk) 19:30, 5 March 2024 (UTC)

Merge with Clickable button 2
I reverted the recent change because I was seeing things like this



on pages like WikiProject Women in Red/Meetup/293 &mdash; Martin (MSGJ · talk) 19:59, 5 March 2024 (UTC)
 * , are those the only places? Because if so I'm going to change their module and restore. Primefac (talk) 20:03, 5 March 2024 (UTC)
 * That should be all, thanks &mdash; Martin (MSGJ · talk) 20:05, 5 March 2024 (UTC)
 * Well there are hundreds of other uses of this template (e.g. WikiProject Women in Red/Meetup/273) that don't use the module &mdash; Martin (MSGJ · talk) 20:12, 5 March 2024 (UTC)
 * Oh ffs. Those are supposed to work, but the  throws everything off...
 * (orig)
 * (with small)
 * (no small)
 * Primefac (talk) 20:16, 5 March 2024 (UTC)
 * After your changes, the colour of the link has changed from blue to black. I think I prefer the blue, as we use that throughout Wikipedia. &mdash; Martin (MSGJ · talk) 10:37, 6 March 2024 (UTC)
 * That's a design feature that I am not dealing with here. Primefac (talk) 21:17, 6 March 2024 (UTC)
 * Hmm. That's a fairly significant change and I think it's reasonable to ask where this was discussed, as I couldn't find this aspect came up in the 2021 TfD at all. I guess it's not the end of the world, but what would be the CSS needed to turn it back to blue? &mdash; Martin (MSGJ · talk) 13:30, 7 March 2024 (UTC)
 * Clickable button 2 never had bluelinks, and CB1 wasn't supposed to be linked in the first place (people found a hack to get wikilinks in it). Primefac (talk) 14:51, 7 March 2024 (UTC)
 * The  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)
 * The small issue came up again today for some reason.
 * produces &mdash; Martin (MSGJ · talk) 05:01, 21 March 2024 (UTC)
 * Looks like you fixed it here? Primefac (talk) 07:19, 21 March 2024 (UTC)
 * I did, but I thought you had fixed the module so that small would not faze it? I'm worried there will be others will small in them. &mdash; Martin (MSGJ · talk) 09:58, 21 March 2024 (UTC)
 * That was the only other place in the module using a small tag, so we should be good. Primefac (talk) 10:24, 21 March 2024 (UTC)
 * Okay that's reassuring. But what I don't understand is that "small" was there for at least a month and it was definitely displaying correctly until recently. And I couldn't see any recent edits to the module. &mdash; Martin (MSGJ · talk) 10:35, 21 March 2024 (UTC)
 * It was tied to an "extra" param. I suppose before now it hadn't been used/triggered. Primefac (talk) 10:40, 21 March 2024 (UTC)