Fandom Developers Wiki
Register
Advertisement

This is the talk page for discussing improvements to the TabberDesign page.

Grey Gray[]

Why was this revision made? Grey and gray are both completely valid CSS properties and are both completely valid English words. There was absolutely no good reason to change this.

$ npm install shining-armor

  1. 07:02, August 30, 2015 (UTC)

Sorry, my bad, I tought it was misspelled since "grey" didn't appeared highligted in red when I used it.
Inusenshi (talk) 18:01, August 30, 2015 (UTC)Inusenshi

Centering the buttons[]

I'm trying to find out, which of the lines in Theme 2 makes the buttons centred, and I just don't see it. Could anyone help me with that? Buzzek (talk) 13:13, May 17, 2017 (UTC)

It's ul.tabbernav {text-align:center;}.--AmonFatalis 13:38, May 17, 2017 (UTC)
Huh, it's that easy? I thought it's would only centre the text, not buttons. Thanks a lot. Buzzek (talk) 14:18, May 17, 2017 (UTC)

Suggestion: Additional themes[]

Maybe you want to include these styles in your CSS: Tabber.css Agent Zuri Profile Message Wall Blog 12:39, July 10, 2017 (UTC)

Tabber Problems[]

I've been using tabbers on the Batman wiki to give different scenarios from Batman: the Telltale series. However, there has been a bug where the page will only allow one per article or they will not appear altogether. I've also encountered this on other wikia sites. Could you look into this please? Mc dark knight 2013 (talk) 10:06, September 15, 2017 (UTC)

Replace tabber text titles with small icon png images?[]

Is there any way to replace tabber text titles with small png icon images?

I am not best with words. If you could please see the attached image, it may clarify what I would like to do.

Example of what I am wanting to do

Example of what I am wanting to do


MrsFraeGuile (talk)

It is possible, though somewhat hacky. Here is an example code: https://community.fandom.com/f/p/4400000000002043827/r/4400000000007394527
The result of it (though they made some changes) can be seen Here.
Nam 06:54, 19 May 2021 (UTC)

Flexbox Tabber[]

Hello so I've decided to use the Flexbox Tabber for my own wiki but there's a small problem. There's a small "lip" above the tabbers and I'd like to know if there's any way to remove it? Thanks in advance. FlexboxTabber
FYI, here's the source code I used to to test the Tabber

<tabber>
|-|e=e
|-|a=a
</tabber>

The CSS I used for said Tabber is the exact same as stated in the Flexbox Tabber section.
(BreadOctopus (Message Wall) 16:39, 11 June 2021 (UTC))

Give a link to where you tried. Nam 07:07, 4 July 2021 (UTC)

Wrong page[]

Nevermind.

Adding table template in tabber format[]

I am trying to add a table template as a content inside a Complex Tabber. However, the table does not appear when I did an edit preview. Anyone know how to to do it? Top Agent PGG jr. (talk) 13:43, 7 March 2022 (UTC)

Hello! This isn't really related to TabberDesign, right? Just to tabbers in general. You should post such questions on Community Central help forum with a link to the page with the issue.
In general, though: First, preview isn't always reliable. Second, the table markup contains pipe characters |, and those should be replaced by {{!}} when used inside a tabber so that they wouldn't be interpretted as part of the tabber syntax. Hope that helps! Nam 20:06, 8 March 2022 (UTC)

Fail to style tabber[]

I'm trying to style my tabber, but only the code shows up.

The code should be inserted in the wiki's CSS page, not on the page where the tabber is. Nam 11:28, 3 June 2022 (UTC)

Is it possible to dictate how many tabs to display before they wrap in a new row?[]

As the title asks, I imported the CSS command to wrap tabs into multiple rows that is displayed :

.tabber .wds-tabs { flex-wrap: wrap; }

It did fix my issue where the tabber would continue to go horizontally, but it wraps at 11 tabs instead of 10 (which is the number I want), is there any way to tell the CSS command to specifically wrap the tabbers at 10 tabs instead of randomly?

ChubsterWubster (talk) 20:36, 17 October 2023 (UTC)

I'm not aware of any simple way to do it. I guess it might be possible by reworking the entire tabber layout to use grid instead of flex, but I don't have an actual working code to offer. Nam 22:05, 18 October 2023 (UTC)
Advertisement