Template:Clickable button 2/testcases
This is the template test cases page for the sandbox of Template:Clickable button 2. to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins and parsers with these links: |
- To do
- Fix #URL placed as label by removing the extra brackets.
- Solve #URL only (alt) by letting parameters be in all caps.
- Somehow make the highlights of the button text act exactly like links do regardless if a link is present or not. See Template:Clickable button 2/styles.css.
- If
p.bracketsremoved
is true and|2=
unset, then split the first parameter in two across a pipe. - Allow the inclusion of images in addition to text for
|2=
when URL is set.
Blank[edit]
{{Clickable button 2}}
{{Clickable button 2}}
→{{Clickable button 2/sandbox}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button}}
→
No link[edit]
{{Clickable button 2||Foo}}
{{Clickable button 2||Foo}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Foo</span></span>
{{Clickable button 2/sandbox||Foo}}
→<span class="mw-ui-button "></span>
{{Clickable button||Foo}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Foo</span></span>
nolink set[edit]
{{Clickable button 2|bar |link=no}}
{{Clickable button 2|bar |link=no}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">bar</span></span>
{{Clickable button 2/sandbox|bar |link=no}}
→<span class="mw-ui-button ">bar</span>
{{Clickable button|bar |link=no}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">bar</span></span>
1st set nil; 2nd unset[edit]
{{Clickable button 2|}}
{{Clickable button 2|}}
→{{Clickable button 2/sandbox|}}
→<span class="mw-ui-button "></span>
{{Clickable button|}}
→
nolink and URL both set[edit]
{{Clickable button 2|bar |link=no |url=http://www.example.com}}
{{Clickable button 2|bar |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">bar</span></span>
{{Clickable button 2/sandbox|bar |link=no |url=http://www.example.com}}
→<span class="mw-ui-button ">bar</span>
{{Clickable button|bar |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">bar</span></span>
nolink and URL both set (alt)[edit]
{{Clickable button 2 |link=no |url=http://www.example.com}}
{{Clickable button 2 |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases|<span class="mw-ui-button">http://www.example.com</span>]]</span>
{{Clickable button 2/sandbox |link=no |url=http://www.example.com}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases|<span class="mw-ui-button">http://www.example.com</span>]]</span>
nolink and URL both set (alt) with nowiki[edit]
{{Clickable button 2|link=no|url=<nowiki>http://www.example.com</nowiki>}}
{{Clickable button 2 |link=no |url='"`UNIQ--nowiki-00000005-QINU`"'}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases|<span class="mw-ui-button">'"`UNIQ--nowiki-00000005-QINU`"'</span>]]</span>
{{Clickable button 2/sandbox |link=no |url='"`UNIQ--nowiki-00000005-QINU`"'}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |link=no |url='"`UNIQ--nowiki-00000005-QINU`"'}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases|<span class="mw-ui-button">'"`UNIQ--nowiki-00000005-QINU`"'</span>]]</span>
nolink, URL, and label all set[edit]
{{Clickable button 2 |2=Foobar |link=no |url=http://www.example.com}}
{{Clickable button 2 |2=Foobar |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Foobar</span></span>
{{Clickable button 2/sandbox |2=Foobar |link=no |url=http://www.example.com}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |2=Foobar |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Foobar</span></span>
nolink, URL, and label all set (alt)[edit]
{{Clickable button 2|Foobar |link=no |url=http://www.example.com}}
{{Clickable button 2|Foobar |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Foobar</span></span>
{{Clickable button 2/sandbox|Foobar |link=no |url=http://www.example.com}}
→<span class="mw-ui-button ">Foobar</span>
{{Clickable button|Foobar |link=no |url=http://www.example.com}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Foobar</span></span>
Link only[edit]
{{Clickable button 2|Foo}}
{{Clickable button 2|Foo}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button">Foo</span>]]</span>
URL only[edit]
{{Clickable button 2 |url=http://www.example.com}}
{{Clickable button 2 |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">http://www.example.com</span>]</span>
{{Clickable button 2/sandbox |url=http://www.example.com}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">http://www.example.com</span>]</span>
URL placed as label[edit]
{{Clickable button 2|http://www.example.com}}
{{Clickable button 2|http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">http://www.example.com</span>]</span>
{{Clickable button 2/sandbox|http://www.example.com}}
→<span class="mw-ui-button ">http://www.example.com</span>
{{Clickable button|http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">http://www.example.com</span>]</span>
Link and display[edit]
{{Clickable button 2|Foo|Bar}}
{{Clickable button 2|Foo|Bar}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button">Bar</span>]]</span>
{{Clickable button 2/sandbox|Foo|Bar}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo|Bar}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button">Bar</span>]]</span>
URL and display[edit]
{{Clickable button 2|Foo |url=http://www.example.com}}
{{Clickable button 2|Foo |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">Foo</span>]</span>
{{Clickable button 2/sandbox|Foo |url=http://www.example.com}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">Foo</span>]</span>
URL and display (alt)[edit]
{{Clickable button 2 |2=Foo |url=http://www.example.com}}
{{Clickable button 2 |2=Foo |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">Foo</span>]</span>
{{Clickable button 2/sandbox |2=Foo |url=http://www.example.com}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |2=Foo |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">Foo</span>]</span>
Constructive[edit]
{{Clickable button 2|Foo |class=mw-ui-constructive}}
{{Clickable button 2|Foo |class=mw-ui-constructive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-constructive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |class=mw-ui-constructive}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |class=mw-ui-constructive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-constructive">Foo</span>]]</span>
Progressive[edit]
{{Clickable button 2|Foo |class=mw-ui-progressive}}
{{Clickable button 2|Foo |class=mw-ui-progressive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-progressive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |class=mw-ui-progressive}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |class=mw-ui-progressive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-progressive">Foo</span>]]</span>
Destructive[edit]
{{Clickable button 2|Foo |class=mw-ui-destructive}}
{{Clickable button 2|Foo |class=mw-ui-destructive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-destructive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |class=mw-ui-destructive}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |class=mw-ui-destructive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-destructive">Foo</span>]]</span>
Same page link[edit]
{{Clickable button 2|Template:Clickable button 2/testcases}}
{{Clickable button 2|Template:Clickable button 2/testcases}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button" style="background-color:#CCC;color:#666">Template:Clickable button 2/testcases</span>]]</span>
{{Clickable button 2/sandbox|Template:Clickable button 2/testcases}}
→<span class="mw-ui-button ">Template:Clickable button 2/testcases</span>
{{Clickable button|Template:Clickable button 2/testcases}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button" style="background-color:#CCC;color:#666">Template:Clickable button 2/testcases</span>]]</span>
Same page constructive[edit]
{{Clickable button 2|Template:Clickable button 2/testcases |class=mw-ui-constructive}}
{{Clickable button 2|Template:Clickable button 2/testcases |class=mw-ui-constructive}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button mw-ui-constructive" style="background-color:#2962CB;color:#fff">Template:Clickable button 2/testcases</span>]]</span>
{{Clickable button 2/sandbox|Template:Clickable button 2/testcases |class=mw-ui-constructive}}
→<span class="mw-ui-button ">Template:Clickable button 2/testcases</span>
{{Clickable button|Template:Clickable button 2/testcases |class=mw-ui-constructive}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button mw-ui-constructive" style="background-color:#2962CB;color:#fff">Template:Clickable button 2/testcases</span>]]</span>
Same page progressive[edit]
{{Clickable button 2|Template:Clickable button 2/testcases |class=mw-ui-progressive}}
{{Clickable button 2|Template:Clickable button 2/testcases |class=mw-ui-progressive}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button mw-ui-progressive" style="background-color:#2962CB;color:#fff">Template:Clickable button 2/testcases</span>]]</span>
{{Clickable button 2/sandbox|Template:Clickable button 2/testcases |class=mw-ui-progressive}}
→<span class="mw-ui-button ">Template:Clickable button 2/testcases</span>
{{Clickable button|Template:Clickable button 2/testcases |class=mw-ui-progressive}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button mw-ui-progressive" style="background-color:#2962CB;color:#fff">Template:Clickable button 2/testcases</span>]]</span>
Same page destructive[edit]
{{Clickable button 2|Template:Clickable button 2/testcases |class=mw-ui-destructive}}
{{Clickable button 2|Template:Clickable button 2/testcases |class=mw-ui-destructive}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button mw-ui-destructive" style="background-color:#A6170F">Template:Clickable button 2/testcases</span>]]</span>
{{Clickable button 2/sandbox|Template:Clickable button 2/testcases |class=mw-ui-destructive}}
→<span class="mw-ui-button ">Template:Clickable button 2/testcases</span>
{{Clickable button|Template:Clickable button 2/testcases |class=mw-ui-destructive}}
→<span class="plainlinks clickbutton">[[Template:Clickable button 2/testcases |<span class="mw-ui-button mw-ui-destructive" style="background-color:#A6170F">Template:Clickable button 2/testcases</span>]]</span>
Class case[edit]
{{Clickable button 2|Foo |class=MW-UI-Constructive}}
{{Clickable button 2|Foo |class=MW-UI-Constructive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-constructive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |class=MW-UI-Constructive}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |class=MW-UI-Constructive}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-constructive">Foo</span>]]</span>
Old button class red[edit]
{{Clickable button 2|Foo |category=no |class=ui-button-red}}
{{Clickable button 2|Foo |category=no |class=ui-button-red}}
→<span class="plainlinks clickbutton">[[Foo |<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-button-red">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |category=no |class=ui-button-red}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |category=no |class=ui-button-red}}
→<span class="plainlinks clickbutton">[[Foo |<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-button-red">Foo</span>]]</span>
Old button class green[edit]
{{Clickable button 2|Foo |category=no |class=ui-button-green}}
{{Clickable button 2|Foo |category=no |class=ui-button-green}}
→<span class="plainlinks clickbutton">[[Foo |<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-button-green">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |category=no |class=ui-button-green}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |category=no |class=ui-button-green}}
→<span class="plainlinks clickbutton">[[Foo |<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-button-green">Foo</span>]]</span>
Old button class blue[edit]
{{Clickable button 2|Foo |category=no |class=ui-button-blue}}
{{Clickable button 2|Foo |category=no |class=ui-button-blue}}
→<span class="plainlinks clickbutton">[[Foo |<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-button-blue">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |category=no |class=ui-button-blue}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |category=no |class=ui-button-blue}}
→<span class="plainlinks clickbutton">[[Foo |<span class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-button-blue">Foo</span>]]</span>
Style[edit]
{{Clickable button 2|Foo |style=width:300px}}
{{Clickable button 2|Foo |style=width:300px}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button" style="width:300px">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |style=width:300px}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |style=width:300px}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button" style="width:300px">Foo</span>]]</span>
Arbitrary class[edit]
{{Clickable button 2|Foo |class=center}}
{{Clickable button 2|Foo |class=center}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button center">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |class=center}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |class=center}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button center">Foo</span>]]</span>
Bad page name[edit]
{{Clickable button 2|Foo<>Bar}}
{{Clickable button 2|Foo<>Bar}}
→<span class="plainlinks clickbutton">[[Foo<>Bar |<span class="mw-ui-button">Foo<>Bar</span>]]</span>
{{Clickable button 2/sandbox|Foo<>Bar}}
→<span class="mw-ui-button ">Foo<>Bar</span>
{{Clickable button|Foo<>Bar}}
→<span class="plainlinks clickbutton">[[Foo<>Bar |<span class="mw-ui-button">Foo<>Bar</span>]]</span>
Bad page name with URL specified[edit]
{{Clickable button 2|Foo<>Bar |url=http://www.example.com}}
{{Clickable button 2|Foo<>Bar |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">Foo<>Bar</span>]</span>
{{Clickable button 2/sandbox|Foo<>Bar |url=http://www.example.com}}
→<span class="mw-ui-button ">Foo<>Bar</span>
{{Clickable button|Foo<>Bar |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button">Foo<>Bar</span>]</span>
Color set to red[edit]
{{Clickable button 2|Foo |color=red}}
{{Clickable button 2|Foo |color=red}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-destructive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |color=red}}
→<span class="mw-ui-button mw-ui-destructive">Foo</span>
{{Clickable button|Foo |color=red}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-destructive">Foo</span>]]</span>
Color set to green[edit]
{{Clickable button 2|Foo |color=green}}
{{Clickable button 2|Foo |color=green}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-constructive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |color=green}}
→<span class="mw-ui-button mw-ui-constructive">Foo</span>
{{Clickable button|Foo |color=green}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-constructive">Foo</span>]]</span>
Color set to BLUE[edit]
{{Clickable button 2|Foo |color=BLUE}}
{{Clickable button 2|Foo |color=BLUE}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-progressive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |color=BLUE}}
→<span class="mw-ui-button ">Foo</span>
{{Clickable button|Foo |color=BLUE}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-progressive">Foo</span>]]</span>
Color set to red and class to blue[edit]
{{Clickable button 2|Foo |class=mw-ui-progressive |color=red}}
{{Clickable button 2|Foo |class=mw-ui-progressive |color=red}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-progressive">Foo</span>]]</span>
{{Clickable button 2/sandbox|Foo |class=mw-ui-progressive |color=red}}
→<span class="mw-ui-button mw-ui-destructive">Foo</span>
{{Clickable button|Foo |class=mw-ui-progressive |color=red}}
→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-progressive">Foo</span>]]</span>
URL only (alt)[edit]
{{Clickable button 2 |URL=http://www.example.com}}
{{Clickable button 2 |URL=http://www.example.com}}
→{{Clickable button 2/sandbox |URL=http://www.example.com}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |URL=http://www.example.com}}
→
Brackets around 1st[edit]
{{Clickable button 2|[[Wikipedia]]}}
{{Clickable button 2|[[Wikipedia]]}}
→<span class="plainlinks clickbutton">[[Wikipedia |<span class="mw-ui-button">Wikipedia</span>]]</span>
{{Clickable button 2/sandbox|[[Wikipedia]]}}
→<span class="mw-ui-button ">[[Wikipedia]]</span>
{{Clickable button|[[Wikipedia]]}}
→<span class="plainlinks clickbutton">[[Wikipedia |<span class="mw-ui-button">Wikipedia</span>]]</span>
progressive URL only[edit]
{{Clickable button 2 |class=mw-ui-progressive |url=http://www.example.com}}
{{Clickable button 2 |class=mw-ui-progressive |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button mw-ui-progressive">http://www.example.com</span>]</span>
{{Clickable button 2/sandbox |class=mw-ui-progressive |url=http://www.example.com}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |class=mw-ui-progressive |url=http://www.example.com}}
→<span class="plainlinks clickbutton">[http://www.example.com <span class="mw-ui-button mw-ui-progressive">http://www.example.com</span>]</span>
brackets and pipe in label[edit]
{{Clickable button 2|[[Foobar|barfoo]]}}
{{Clickable button 2|[[Foobar|barfoo]]}}
→<span class="plainlinks clickbutton">[[Foobar|<span class="mw-ui-button">barfoo</span>]]</span>
{{Clickable button 2/sandbox|[[Foobar|barfoo]]}}
→<span class="mw-ui-button ">[[Foobar|barfoo]]</span>
{{Clickable button|[[Foobar|barfoo]]}}
→<span class="plainlinks clickbutton">[[Foobar|<span class="mw-ui-button">barfoo</span>]]</span>
Help:Introduction to editing with Wiki Markup/1[edit]
{{Clickable button 2|Help:Introduction to editing with Wiki Markup/1|Editing |style=width:11em; margin-bottom:10px;}}
{{Clickable button 2|Help:Introduction to editing with Wiki Markup/1|Editing |style=width:11em; margin-bottom:10px;}}
→<span class="plainlinks clickbutton">[[Help:Introduction to editing with Wiki Markup/1 |<span class="mw-ui-button" style="width:11em; margin-bottom:10px;">Editing</span>]]</span>
{{Clickable button 2/sandbox|Help:Introduction to editing with Wiki Markup/1|Editing |style=width:11em; margin-bottom:10px;}}
→<span class="mw-ui-button ">Help:Introduction to editing with Wiki Markup/1</span>
Template:RTT notice[edit]
{{Clickable button 2 |1=[https://en.wikipedia.org/w/index.php?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span>] |color=blue}}
{{Clickable button 2 |1=[https://en.wikipedia.org/w/index.php?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span>] |color=blue}}
→<span class="plainlinks clickbutton">[[?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span> |<span class="mw-ui-button mw-ui-progressive">?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span></span>]]</span>
{{Clickable button 2/sandbox |1=[https://en.wikipedia.org/w/index.php?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span>] |color=blue}}
→<span class="mw-ui-button mw-ui-progressive">[https://en.wikipedia.org/w/index.php?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span>]</span>
{{Clickable button |1=[https://en.wikipedia.org/w/index.php?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span>] |color=blue}}
→<span class="plainlinks clickbutton">[[?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span> |<span class="mw-ui-button mw-ui-progressive">?title=Special:ContentTranslation&campaign=contributionsmenu&from=en&to=?&page=Template:Clickable_button_2/testcases <span style="color:white;">Translate</span></span>]]</span>
Template:RTT notice (alt)[edit]
{{Clickable button 2|[https://example.com Translate] |color=blue}}
{{Clickable button 2|[https://example.com Translate] |color=blue}}
→<span class="plainlinks clickbutton">[[Translate |<span class="mw-ui-button mw-ui-progressive">Translate</span>]]</span>
{{Clickable button 2/sandbox|[https://example.com Translate] |color=blue}}
→<span class="mw-ui-button mw-ui-progressive">[https://example.com Translate]</span>
{{Clickable button|[https://example.com Translate] |color=blue}}
→<span class="plainlinks clickbutton">[[Translate |<span class="mw-ui-button mw-ui-progressive">Translate</span>]]</span>
Brackets around 1st with nolink set[edit]
{{Clickable button 2|[[Wikipedia]] |link=no}}
{{Clickable button 2|[[Wikipedia]] |link=no}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Wikipedia</span></span>
{{Clickable button 2/sandbox|[[Wikipedia]] |link=no}}
→<span class="mw-ui-button ">[[Wikipedia]]</span>
{{Clickable button|[[Wikipedia]] |link=no}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Wikipedia</span></span>
TWA Portal 1[edit]
{{Clickable button 2 |1=<span style="font-size: x-large;">Start the adventure →</span> |class=mw-ui-progressive |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
{{Clickable button 2 |1=<span style="font-size: x-large;">Start the adventure →</span> |class=mw-ui-progressive |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
→<span class="plainlinks clickbutton">[http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1 <span class="mw-ui-button mw-ui-progressive"><span style="font-size: x-large;">Start the adventure →</span></span>]</span>
{{Clickable button 2/sandbox |1=<span style="font-size: x-large;">Start the adventure →</span> |class=mw-ui-progressive |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
→<span class="mw-ui-button "><span style="font-size: x-large;">Start the adventure →</span></span>
{{Clickable button |1=<span style="font-size: x-large;">Start the adventure →</span> |class=mw-ui-progressive |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
→<span class="plainlinks clickbutton">[http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1 <span class="mw-ui-button mw-ui-progressive"><span style="font-size: x-large;">Start the adventure →</span></span>]</span>
TWA Portal 2[edit]
{{Clickable button 2|Start the adventure → |class=mw-ui-progressive |style=font-size: x-large; |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
{{Clickable button 2|Start the adventure → |class=mw-ui-progressive |style=font-size: x-large; |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
→<span class="plainlinks clickbutton">[http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1 <span class="mw-ui-button mw-ui-progressive" style="font-size: x-large;">Start the adventure →</span>]</span>
{{Clickable button 2/sandbox|Start the adventure → |class=mw-ui-progressive |style=font-size: x-large; |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
→<span class="mw-ui-button ">Start the adventure →</span>
{{Clickable button|Start the adventure → |class=mw-ui-progressive |style=font-size: x-large; |url=http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1}}
→<span class="plainlinks clickbutton">[http://en.wikipedia.org/wiki/WP:TWA/1/Start?tour=twa1 <span class="mw-ui-button mw-ui-progressive" style="font-size: x-large;">Start the adventure →</span>]</span>
Image with no link set[edit]
{{Clickable button 2 |2=Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]] |link=no}}
{{Clickable button 2 |2=Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]] |link=no}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]</span></span>
{{Clickable button 2/sandbox |2=Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]] |link=no}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |2=Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]] |link=no}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]</span></span>
Image with link set[edit]
{{Clickable button 2|Special:NewSection/User talk:MicrobiologyMarcus|Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]}}
{{Clickable button 2|Special:NewSection/User talk:MicrobiologyMarcus|Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]}}
→<span class="plainlinks clickbutton">[[Special:NewSection/User talk:MicrobiologyMarcus |<span class="mw-ui-button">Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]</span>]]</span>
{{Clickable button 2/sandbox|Special:NewSection/User talk:MicrobiologyMarcus|Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]}}
→<span class="mw-ui-button ">Special:NewSection/User talk:MicrobiologyMarcus</span>
{{Clickable button|Special:NewSection/User talk:MicrobiologyMarcus|Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]}}
→<span class="plainlinks clickbutton">[[Special:NewSection/User talk:MicrobiologyMarcus |<span class="mw-ui-button">Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px]]</span>]]</span>
Image with URL set[edit]
{{Clickable button 2|Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px|link=]]|url=...}}
{{Clickable button 2 |2=Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px|link=]] |url=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload}}
→<span class="plainlinks clickbutton">[https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload <span class="mw-ui-button">Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px|link=]]</span>]</span>
{{Clickable button 2/sandbox |2=Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px|link=]] |url=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |2=Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px|link=]] |url=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload}}
→<span class="plainlinks clickbutton">[https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload <span class="mw-ui-button">Let me know if I've done something silly. [[File:Rainbow trout transparent.png|16px|link=]]</span>]</span>
Image with URL in text[edit]
{{Clickable button 2|2=[https://... Let me know if I've done something silly.] [[File:Rainbow trout transparent.png|16px|link=https://...]]}}
{{Clickable button 2 |2=[https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload Let me know if I've done something silly.] [[File:Rainbow trout transparent.png|16px|link=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload]]}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">[https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload Let me know if I've done something silly.] [[File:Rainbow trout transparent.png|16px|link=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload]]</span></span>
{{Clickable button 2/sandbox |2=[https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload Let me know if I've done something silly.] [[File:Rainbow trout transparent.png|16px|link=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload]]}}
→<span class="mw-ui-button ">Button text</span>
{{Clickable button |2=[https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload Let me know if I've done something silly.] [[File:Rainbow trout transparent.png|16px|link=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload]]}}
→<span class="plainlinks clickbutton"><span class="mw-ui-button">[https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload Let me know if I've done something silly.] [[File:Rainbow trout transparent.png|16px|link=https://en.wikipedia.org/w/index.php?title=User_talk:MicrobiologyMarcus&action=edit§ion=new&preloadtitle=Trouted&preload=Template%3ATroutme/preload]]</span></span>