Template talk:Tab

test 3

Main page

new test

td

td style test

span

span style test

test

{{template:tab
|link=test
|tab=test
| rounding      = 5em
}}

coding

test

From village pump:

I don't understand how rounded tabs works on wikipedia.

How do I replicate rounded tabs on a non-wikipedia wiki?

Start tab's rounded tabs

In Template:Start tab there is this line, repeated over and over:

|rounding={{{rounding|}}}

this "Add rounding effect to edges of tab boxes."

So if you enter this :

{{ start tab
| tab-1         = Current page
| link-1        = Template:Start tab
| rounding      = 5em
}}

It creates a rounded tab:

Current page

tab 2

template tab's coding

Template:Start tab users Template:Tab the coding for Template:Tab is:

{{#if:{{{preums|}}}||<td style="width: 
{{#if:{{{tab spacing percent|}}}|{{{tab spacing percent}}}|2}}%; border-bottom: 
{{#if:{{{border|}}}|{{{border}}}|solid 1px #a3b1bf}}">
{{#if:{{{tab spacing percent|}}}|| }}</td>}}<td style="text-align: 
{{#if:{{{tab alignment|}}}|{{{tab alignment}}}|center}}; 
{{#if:{{{rounding|}}}|{{border-radius|{{{rounding}}} {{{rounding}}} 0 0}}}} padding:0.3em; border: 
{{#if:{{{border|}}}|{{{border}}}|solid 1px #a3b1bf}}; font-size: 
{{#if:{{{font-size|}}}|{{{font-size}}}|110%}}; {{#switch:{{FULLPAGENAME}}|{{{link}}}|{{{link2}}}|{{{link3}}}=background-color: 
{{#if:{{{on tab color|}}}|{{{on tab color}}}|transparent}}; border-bottom: none; font-weight:bold; |#default=background-color: 
{{#if:{{{off tab color|}}}|{{{off tab color}}}|#CEE0F2}}; }} 
{{#ifeq:{{lc:{{{nowrap|}}}}}|yes|white-space: nowrap;}}" width="
{{#expr:(100/{{Number of defined parameters|{{{1}}}|{{{2}}}|{{{3}}}|{{{4}}}|{{{5}}}|{{{6}}}|{{{7}}}|{{{8}}}|{{{9}}}|{{{10}}}|{{{11}}}|
{{{12}}}|{{{13}}}|{{{14}}}|{{{15}}}|{{{16}}}|{{{17}}}|{{{18}}}|{{{19}}}|{{{20}}}}})-
{{#if:{{{tab spacing percent|}}}|{{{tab spacing percent}}}|2}}}}%">
{{#if:{{{image|}}}|[[file:{{{image}}}|20px|{{{tab}}}|link={{{link|}}}]] }}
{{#ifeq:{{lc:{{{freeform|}}}}}|yes|{{{tab}}}|[[{{{link}}}|{{{tab}}}]]}}</td>

Why does | rounding = 5em work on wikipedia, but when this coding is copied and pasted to another wiki it does not work?

Is it something added to Mediawiki:Common.css or Mediawiki:Vector.css? I am confused.

Thank you! rebel (talk) 05:30, 19 September 2013 (UTC)[reply]

108.28.6.134 (talk · contribs · WHOIS), the rounding is simply a .css style template that is called from this template. You will need to create/copy {{border-radius}} to your other wiki as well. Technical 13 (talk) 12:02, 19 September 2013 (UTC)[reply]

Border Bottom

There is a problem with border-bottom:none on mobile view. Rather than border-bottom:none, set the border-bottom-color. See Wikiversity:Template:Tab for correction. -- Dave Braunschweig (talk) 20:01, 9 January 2016 (UTC)[reply]

Dave Braunschweig, it looks like the default on tab colour is transparent? can you provide an example page where this is a problem? thank you. Frietjes (talk) 16:43, 11 January 2016 (UTC)[reply]

It's a problem on any page that uses {{start tab}} with a colored frame background and viewed in Mobile View. See Wikipedia:Peer review and switch to Mobile View for one example. It's more obvious on a darker background, but that's the first example I found here. -- Dave Braunschweig (talk) 00:02, 12 January 2016 (UTC)[reply]