Help:Tabber



Tabber allows you to add multiple tabs to a section of content, which can be toggled without having to reload the page.

Step-by-step
 First Tab Title=First tab sample text. First Tab Title=First tab sample text.
 * Open an article for editing and switch to Source mode.
 * Copy and paste the following code into your editor.
 * -|Second Tab Title=Second tab content goes here.
 * -|Third Tab Title=Third tab content goes here.
 * Click "Preview" to see that the code produced these tabs:
 * -|Second Tab Title=Second tab content goes here.
 * -|Third Tab Title=Third tab content goes here.
 * Click "Back" to return to editing.
 * Edit your tabs by replacing the text of the titles and content with your community's content. For example, replace "First Tab Title" with "Characters," and replace the sample text with descriptions and images of your favorite characters. You can also change the number of tabs by adding or removing code.

Usage information

 * Formatting: Keep in mind that the title should always end with an equal sign (" "), and the tab separator (" ") must always appear between tabs.
 * Wikitext: You can use any wikitext within your tabs, including templates and images.

Broken mobile experience
A lot of the CSS and JavaScript that runs on your desktop/laptop cannot on a mobile device. To counter this, Fandom has removed most of that code from the mobile skin - including the stuff that makes Tabber possible. As a result, mobile users won't see any of the visual cues that separate each set of information.

There are problems with additional CSS and HTML hacks used as workarounds, which no amount of user-facing coding can solve. Therefore, that's a lot of effort for very little gain; you might as well use ordinary sections instead.

View/Edit tab content
Tabber does not provide a simple way to view/edit the original page. This can be troublesome for inexperienced users that want to edit the content inside a tab. Additionally, people who use the VisualEditor will be unable to edit it without switching to source mode.

Tab-title is the same as a paragraphs headline on the page
If one of the Tab-titles accidentally is choosen the same word(s) like one of the paragraphs headlines on the page, clicking on that tab changes the tabber part to that tab but at the same moment does a jump to the so headlined paragraph. So avoid to name the tabs with headlines.

For instance on this page here the following code:

 Issues= Tab 1 displays, how it "works", if the tab-title is exactly the same as a paragraphs headline (only if the tab is clicked). Issue= Tab 2 displays how it works with a very small difference in the tab-title.

gives:

Issues= Tab 1 displays, how it "works", if the tab-title is exactly the same as a paragraphs headline (only if the tab is clicked). Issue= Tab 2 displays how it works with a very small difference in the tab-title.

Further help and feedback
de:Hilfe:Tabber es:Ayuda:Tabber fi:Ohje:Välilehdet fr:Aide:Tabber it:Aiuto:Tabber ja:ヘルプ:Tabber ko:도움말:태버 pl:Pomoc:Tabber pt:Ajuda:Tabber ru:Справка:Табуляция uk:Довідка:Табуляція vi:Trợ giúp:Tabber zh:Help:標籤器