Extension talk:Tabber

Thank you for this excellent extension! :D
It does just what I wanted, and more. I like that you can put anything in a tab, yes: anything. Kudos. --Jacmoe 18:03, 25 April 2009 (UTC)

re:
thanks for the feedback! --Kenyu73 00:08, 26 April 2009 (UTC)

error msg
Undefined variable: htmlTabs in ... on line 34

did you test this in different browsers? - just curious. Thinking of putting it on a public site.

Thanks! Evgeny Fadeev 23:48, 26 April 2009 (UTC)

re:
I think this is a warning, not an error correct? I didn't really go though and initialize the variables so trivial could pop up. I'll clean this up on the next release package though.

re: re:
Encountered the same problem. Fixed it by defining htmlTabs as nothing. Here's the code:

'Tabber',    'author'=>'Eric Fortin',    'url'=>'http://www.mediawiki.org/wiki/Extension:Tabber',    'description'=>'Create tabs that contain wiki compatible based data',    'version'=>'1.0' );
 * 1) Credits

$wgExtensionFunctions[] = "wfTabber";

// function adds the wiki extension function wfTabber { global $wgParser; $wgParser->setHook( "tabber", "renderTabber" ); }

function renderTabber( $paramstring, $params = array ){ global $wgParser, $wgScriptPath; $wgParser->disableCache; $path = $wgScriptPath. '/extensions/tabber/';

$htmlHeader = ' ' . '' . ' ';	$htmlFooter = ' '; $htmlTabs = '';

$arr = explode("|-|", $paramstring); foreach($arr as $tab){ $htmlTabs .= buildTab($tab); }

return $htmlHeader. $htmlTabs. $htmlFooter; }

function buildTab($tab){ global $wgParser; if( trim($tab) ==  ) return ; $arr = split("=",$tab); $tabName = array_shift( $arr ); $tabBody = $wgParser->recursiveTagParse( implode("=",$arr) ); $tab = '' . ' '.$tabBody.' ' . ' ';

return $tab; }

edit section links within tabs don't work
I'm getting a message like this when I click on edit tab:

You tried to edit a section that doesn't exist. Since there is no section 2, there's no place to save your edit. Evgeny Fadeev 23:53, 26 April 2009 (UTC)

re:
I may have to add to the php code to remove the section edits. I remember having the same issue with my presentation extension too. I'm not sure if they're really compatible in this manner. I'll dig a bit deeper thoough.

tab wrapping
when I make browser window narrower then width of combined tabs, vertical spacing of tabs appears less then their height. so they are right on top of each other

Evgeny Fadeev 23:58, 26 April 2009 (UTC)

re:
I knew about this issue, but I'm not really sure currently how to fix that one. JavaScript doesn't have a "NOWRAP" like HTML (=. I haven't done much in the original authors JavaScript code so I'll have to walk though it.

behavior switch magic word
Do you think it would be nicer to have a magic word like:

__TABSECTIONS__

and have tabs generated from the section structure? maybe it might be possible to do it through javascript alone.

Cheers, Evgeny. Evgeny Fadeev 00:03, 27 April 2009 (UTC)

paragraphs glued
the extension seems to cause consecutive paragraphs to be combined into one.

makes text harder to read.

Evgeny Fadeev 00:27, 27 April 2009 (UTC)

re:
This one is interesting... dunno why its removing the extra whitespace. It shouldn't?!? I'll have to debug that one for sure! As a workaround, use  tags.

reason: a problem with &lt;p> tags
Tabber Version 1.01

Workaround: Wrap your first or second paragraph in &lt;p>paragraph tags&lt;/p>, and all of your paragraphs will be fine.

Problem: tab1= paragraph1

paragraph2 The paragraphs are combined because the extension adds a &lt;p> in fornt and a &lt;/p> in back, so that the final HTML is paragraph1

paragraph2 So that's why the paragraphs seem to stick together.

If I wrap one of the paragraphs in &lt;p> tags, everything is fine: tab1= paragraph1

paragraph2 becomes paragraph1

paragraph2 --mendel 15:11, 15 July 2010 (UTC)

re: Evgeny Fadeev
Thanks for posting the issues you found. I have though of using sections, but that would limit the tabs to the page level (ie: wouldn't be able to add tabs to a table that contains links and such). I'll see what I can do about the other bugs you've mentioned too.

Thanks! Eric

re
Hi Eric.

Take a look at this: http://www.bennadel.com/index.cfm?dax=blog:1563.view

maybe it's possible to mark up tabs with html comments, then have js build the tabs in browser?

That way everything would work normally even if javascript is off.

Evgeny Fadeev 17:51, 27 April 2009 (UTC)

Auto Rotate
It would be nice to have an auto rotate from Tab to Tab so that it can function like a featured content box as well. Anyone know how to do this? please e-mail me: kdanko@finestationery.com

Favourite Tab
I'm using this extension on my main page and it would be really neat to be able to mark one tab as my favourite tab, to be automatically selected when I go to the wiki! Generally, I'm finding that most users use just one of the tabs most of the time, so I guess it would be a user-specific setting. Anyone have any ideas of how this could be achieved?

Problem space in the tabs
Hello,

I can not put as many words as a tab. How to save 2 or 3 words in a tab?

Thank you

-

If you want to give a tab a name that contains a space (for example, My Tab), you need to put double quotes around the tab name:

"My Tab"=My tab contents.

--79.141.36.39 10:43, 14 September 2009 (UTC)


 * Using  instead of spaces should work also. It also should prevent tab name wrapping, I think. --63.175.18.130 18:29, 2 December 2010 (UTC)

Tabber with templates
Is there a way to use tabber with mediawiki Templates? Tabber doesn't seem to be able to interpret the parameters being passed to it. Any hints on how to make this work or am I just SOL? :) = =Text here = Thanks, --Cforrest 22:11, 1 October 2009 (UTC)

Same problem here
Any template variable I try tu use inside the doesn't seem to get expanded. I wrote a mail to the author about this, maybe he finds the time to change it.

Marcus 80.171.52.229 08:27, 4 October 2009 (UTC)

Solution
The problem is caused by MediaWiki; it doesn't expand templates and template variables inside extension tags. Use the #tag magic word to circumvent this:

--mendel 15:26, 15 July 2010 (UTC)

Header
Header (second level: ==header== seems not to work if I {{:include} an article in a tab. I see the chapter in the table of contents and in the article itself, but not in the included articel-Bert

Parametres
Someone know how to use parametres in tabber? I cannot make him understand it. When I use some parametres, it just repeats it's name. Example:

Example= Example2=

How to make it "understand" that variables? 85.89.189.241 16:55, 6 December 2009 (UTC)

Answer
See above, Extension_talk:Tabber. --mendel 15:29, 15 July 2010 (UTC)

Incorrectly handles alignment

 * E.g. this would be displayed fine:

tab1=Image.01.png |-| tab2=Image.02.png


 * BUT if you try to align images:

tab1=left |-| tab2=right

tab borders appear as containing no text or images (one empty line), although tabs can be switched and tab data changes according to tabs you click.


 * When aligning images, tabs' height seems to depend on the amount of text only, because if you enter something like this:

tab1=Some text left |-| tab2=Some other text right

the image will fit the tab only if there's enough text to provide for the tab's height.

Floating images
The problem is that the images float. The solution would be for the developer to add some tag with  to end of the tabbertab div. (You could probably kludge that with some site javascript.)

Fortunately, there is a simple workaround: add the tag yourself. If you're using a  template on your wiki, that will do fine.

Examples: --mendel 15:51, 15 July 2010 (UTC)

= Cannot have tables in tabs = Hi, this is a great extension, but I'm having an issue where if a tab has a table in it, then it all just breaks! Also doesn't work if used within a template. Has anyone got this working with tables and templates? Thanks! mitchelln 11:55, 26 January 2010 (UTC)

re I'm using tabber with table-Templates and TableEdit Extension. No issues so far!

Issues with headers
I'm having a similar problem to the user above who couldn't get ==header== to work. If I include headers in a tab, the header itself doesn't appear but the rest of the text is formatted fine. If I don't include at least one, I get the running together of paragraphs that Evgeny Fadeev mentioned above. Other than that the extension is fantastic!

h2 and h3 headers disabled in tabber.css
disables these headers by default; the culprits are the follwing lines near the end: /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } Workarounds: (use either) --mendel 16:06, 15 July 2010 (UTC)
 * 1) (preferred): have a site admin delete these lines from the tabber.css in the installed extension
 * 2) override the formatting by having a sysop add the following line to MediaWiki:common.css:
 * 1) use =level1= or ====level 4==== headers instead.

nested tabber
how to use a taaber iside another tabber?

How to refer to tab page
I would like to link to an article, described in a tab page. How should I define the link ? The only address I see is the address of the page, containing the tabber. When I manually choose a tab-page from the tabber, the URL of that page is the same, so apparently it is not possible to link directly to the tab-page by using a unique URL. Tried linking to it using section reference, but that doesn't work either.

--83.85.117.14 13:24, 12 April 2010 (UTC)

Found a solution: editing the tab-page gives you the URL of that page, which you can then use in the link. Don't know if this is the "official" solution, but at least it is one that works


 * Yes, it would be great if a future version of tabber could parse the URL to find if any of the tab names are used as #anchor, and open that. --mendel 16:10, 15 July 2010 (UTC)


 * Agree, that would be super cool Tsx11 04:46, 20 July 2010 (UTC)

Tabber prevents headers from showing
Pages containing Tabber display the headers wrongly. Only the first level used is displayed, all the other levels are ignored. They only show up, when you edit the page (so effectively the Tabber is gone) This makes pages containing a tabber rather unreadable.

Very good!

Thanks! Grat job! Congrats author.

Congratulations to author, you are a genius. 201.89.152.134 06:02, 5 June 2010 (UTC)


 * Only level 2 and level 3 headers are affected. See Extension_talk:Tabber above for a solution/workaround. --mendel 16:12, 15 July 2010 (UTC)

More Tabs not correctly break
hello there. how can i break the tabs? it looks not good if i do something like this: http://img94.imageshack.us/img94/416/tabsz.jpg can someone help? [Prof.Liebstrumpf] 13:13, 30 June 2010 (UTC)


 * I can't get them to break like that at all, what wiki are you on? Can you link me to your page? --mendel 16:43, 15 July 2010 (UTC)


 * I tested on MediaWiki v1.15.3. (localhost). The other version is v1.15.1 and have same probs.

Link to the Testside: http://www.wonderkingwiki.de/index.php?title=Monster I think its not breaking correctly because i wrote the tabs in " " [Prof.Liebstrumpf]

Extension broken in 1.15.4?
Hi,

I am in the process of migrating a wiki to a new setup (details below). I have tabbed pages using v1.0 of this extension working on the 1.15.1 wiki, but when I transfer them to the 1.15.4 wiki (also using v1.0 of the extension), the tabs are no longer functional and I see the text from all the tabs on the one page. Has anyone else experienced this problem? Has a code change broken this extension somehow? Or is there some other reason based on my new setup?

AerosAtar 15:23, 24 July 2010 (UTC)

Revision dates not correct
Hi,

I would like to add a revision date to my pages. I am using the Magic Words Revisionxxxx for that and on each individual page this is working fine. However, when I combine all these pages using Tabber, then the revision date shown in each tab is not the date of that page, but of the main page, containing the Tabber statements. <-- I want the revision date of this page and not the one of the page containing the tabber statements |-|

Is there a way to get the actual revision date of the article in the tab-page ? --Hadouma 08:27, 29 July 2010 (UTC)

Template parameter doesn't work with tabber
Hello. I want to use tabber in my template. Using the structure I have only one tab. When I'm trying to make more tabs, they are not shown. Why? Is it a bug or I did something wrong?

--Tarasius.ua 12:02, 5 August 2010 (UTC)
 * Same here. If I have two Tabs, only first shows up. 85.89.162.235 23:38, 22 August 2010 (UTC)

Try:

--Fandyllic 16:41, 26 August 2010 (UTC)

TOC display not correct
When I use a Table of Contents in a tab-page, the first line in the TOC box says Content [view] [view] [view] [view] [view]

Clicking the first [view], shows the TOC allright, and the first [view] changes to [hide], the other four remain [view]

When I edit the tab-page and the page shows without the tabber, the TOC is as it should be

--Hadouma 07:47, 6 August 2010 (UTC)

instructions for installation
for an extension that is used on so many websites, the installation instructions section is absolutely terrible. where do the zipped files go? Adamtheclown 06:19, 15 November 2010 (UTC)

tabber
[CODE].sidebar{ position: relative; top:0px; padding-top:20px; padding-right:10px; padding-left:10px; padding-bottom:0px; float:right; width:350px; }

.sidebar ul{ list-style-type: none; margin: 0; padding: 0 10px 0 10px; background:#ffffff; }

.sidebar ul li{ padding: 10px 0 10px 0; background:#ffffff; }

.sidebar ul li h2{ font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #2d0a0b; border-top: 1px solid #2d0a0b; border-bottom: 1px solid #2d0a0b; padding: 5px 0px 5px 0px; background:#ffffff; }

.sidebar ul ul li{ padding: 0; background:#ffffff; }

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; }

/*-- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --*/ .tabber { } .tabberlive { margin-top:1em; }

/*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 0px solid #778; font: bold 12px Verdana, sans-serif; }

ul.tabbernav li { list-style: none; margin: 0; display: inline; }

ul.tabbernav li a { padding: 3px 0.5em; margin-left: 0px; margin-right: 3px; border: 1px solid white; background: white; text-decoration: none; }

ul.tabbernav li a:link { color: #2d0a0b; } ul.tabbernav li a:visited { color: #2d0a0b; }

ul.tabbernav li a:hover { color: #2d0a0b; text-decoration:underline; background: white; border-color: white; }

ul.tabbernav li.tabberactive a { color: #fbb1c0; background-color: #2d0a0b; border: 1px solid #2d0a0b; }

ul.tabbernav li.tabberactive a:hover { color: #fbb1c0; text-decoration:underline; background: #2d0a0b; border-bottom: 1px solid white; }

/*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:5px; border:10px solid #2d0a0b;

/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */

height:285px;

/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */

overflow:auto; }

/* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; }

/* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }

position:absolute; left:30px; top:200px; width:315px; height:135px; }
 * 1) Connect {

position:absolute; left:0px; top:0px; width:315px; height:48px; }
 * 1) Connect-01 {

position:absolute; left:0px; top:48px; width:27px; height:87px; }
 * 1) Connect-02 {

position:absolute; left:27px; top:48px; width:76px; height:82px; }
 * 1) Facebook {

position:absolute; left:103px; top:48px; width:21px; height:87px; }
 * 1) Connect-04 {

position:absolute; left:124px; top:48px; width:77px; height:82px; }
 * 1) Newsletter {

position:absolute; left:201px; top:48px; width:21px; height:87px; }
 * 1) Connect-06 {

position:absolute; left:222px; top:48px; width:75px; height:82px; }
 * 1) Twiiter {

position:absolute; left:297px; top:48px; width:18px; height:87px; }
 * 1) Connect-08 {

position:absolute; left:27px; top:130px; width:76px; height:5px; }
 * 1) Connect-09 {

position:absolute; left:124px; top:130px; width:77px; height:5px; }
 * 1) Connect-10 {

position:absolute; left:222px; top:130px; width:75px; height:5px; }[CODE]
 * 1) Connect-11 {