Extension talk:Header Tabs

Jump to: navigation, search

About this board

Old messages from this page are archived.

Skunark (talkcontribs)

I'm not seeing the div tags get generated with the correct header tab id for REL1_30 downloaded file. Any thoughts?

Yaron Koren (talkcontribs)

Did it work for you with a previous MediaWiki/HT version? Or could there be an error in the wikitext?

Skunark (talkcontribs)

Wikitext works fine on a much older (mw23) install. I do see the javascript show up in the html output, so im curious if there is a dependency missing in the composer.json? (Nondev) Can i assume im not the first to run this with mw30?

Yaron Koren (talkcontribs)

I don't think you are... which doesn't mean that there's no bug. Does the JavaScript console show any error messages?

Skunark (talkcontribs)

No errors but the following warnings that appear on every page

[Warning] This page is using the deprecated ResourceLoader module "jquery.ui.widget". (Home, line 91)

[Warning] This page is using the deprecated ResourceLoader module "jquery.ui.core". (Home, line 86)

Please use "mediawiki.ui.button" or "oojs-ui" instead.

[Warning] JQMIGRATE: jQuery.fn.bind() is deprecated (load.php, line 140)

Are there any unique hooks i can enable to debug? If not, i will attempt to install MW and the extensions differently (not via the package manager)

Skunark (talkcontribs)

Manual install has the same issues. I am right in expecting the headertab Id to show up in the div tag? And that is a probably an issue with perhaps php-fcgi or just something with my php install itself?

M art in (talkcontribs)

I also have issues with headertabs and MW 1.30: Tabs are generated but to small (height) to display the header text.

Yaron Koren (talkcontribs)

@Skunark - those JS warnings need to be fixed up, but I don't think they're related to Header Tabs not working.

You can see an example of the HTML when Header Tabs works correctly here: http://discoursedb.org/wiki/HT_Test

M art in (talkcontribs)

My Issue was provoked by the Skin:Tweeki. I commented out the call and now HeaderTabs works again.

Skunark (talkcontribs)

I enabled tidy which seems to do bad things with headertabs..

$wgTidyConfig = [

'driver' => 'RaggettInternalPHP',

'tidyConfigFile' => "$IP/includes/tidy/tidy.conf",


I guess i got a little overzealous optimizing things. Thanks for your time and i'm so glad i got this re-enabled.

Yaron Koren (talkcontribs)

Skunark - great, I'm glad you were able to figure it out. I added Tidy to the list of extensions and other technologies that are known to break Header Tabs.

Reply to "Is this working on 1.30?"

Semantic maps not displaying right in tabs

Mitchelln (talkcontribs)

Hi I'm running HeaderTabs 0.9.2 on MW 1.17.4 and SMW 1.18alpha with Semantic Maps version 1.05.

I have two tabs. Each has a Semantic Google map in it. The one in the first tab shows fine, but when I switch to the 2nd tab, only the first top left tile of the map is displayed. If I refresh the page it the map then shows fully, but I can't expect my users to refresh the page every time they switch tabs.

Any idea how I can fix this?


Kghbln (talkcontribs)

The same happens if you include timelines or eventlines from the SRF extension into the second tab. Seems to be some kind of script quarrel. O_o As a workaround I created subpages. The second tab points to the respective other subpage there I inserted the goodies into the first tab. However a fix for this would be cool.

Mitchelln (talkcontribs)


The trouble is I pass various parameters into the page via a SemanticForms runQuery. So passing these through to the sub pages will be a right pain :(

M art in (talkcontribs)

It's an old bug but still no fix for MW 1.30 and SMW 2.5.6 HeaderTabs 1.2. and Maps 5.2.?!

Reply to "Semantic maps not displaying right in tabs"
Wolcott65 (talkcontribs)

I know that I can call a specific portion on a page by adding a # after the page name [[page#anchor_name|shown_up_as]]. It doesn't seem that I can call a specific portion of a page that is within a header tab from another page via a switchtablink.

This post was posted by Wolcott65, but signed as Wolcott.

Sergey Chernyshev (talkcontribs)

No, you can't - it's not that smart, unfortunately.

Wolcott65 (talkcontribs)


What in your opinion is the hardest part?

  • The API to define the URL, which should just be a modification to the switchtablink parser.
  • The interpretation of the URL with two # symbols embedded.


I was looking through the extension to understand the code. Is there any hope that the functionality could be accomplished? I would be willing to spend a weekend to really understand the code and attempt a modification, but if you think that it is not worth it I won't waste my time.

Header Tabs is awesome, but I would love to keep the basic functionality of being able to jump to an anchor point on a page while that page is being shown in a header tab.

This post was posted by Wolcott65, but signed as Wolcott.

Joshkking (talkcontribs)
I second the desire for this if possible. Especially since it seems that switching tabs doesn't bring you back to the top of the page. This is a bit of an issue if you place a switch tab link anywhere far enough that the user has scrolled down some.
Joshkking (talkcontribs)

By the way, I used:

// Scrolls to the top when using switchtab parser with appropriate class since it doesn't natively
(function () {
function toTop() {window.scrollTo(0, 0);}

var TabSwitch = document.querySelectorAll(".tabLink");
var i;
for (i = 0; i < TabSwitch.length; i++)
 TabSwitch[i].onclick = toTop;


in my common.js file to make my switchtab parsers jump back up when clicked. Should work for anyone else also, though granted there's better ways to go about it (but I needed a script running anyways) :)

Mortalites (talkcontribs)

I just stumbled on this and I desperately would like to figure out how to Call an anchor on a Header Tab page. I also use Header Tabs further down on pages and when I link to the Tab it takes me to the top of the linked page. It doesnt link to the correct Tab but I cant see it unless I scroll down. Its probably frowned upon but I would literally pay to have this functionality in Header Tabs.

Reply to "Calling and anchor on a header tab page"
Summary by Kghbln

1.2 of 2017-07-19

Kghbln (talkcontribs)

I think moving to Resource Loader which was improved for the extension since the last release will bring a world of good performancewise. So it will be cool to have a new release which officially brings this improvement.

Yaron Koren (talkcontribs)

Yes, that's a good idea - I hadn't realized how long it has been since the last release.

Betmidrash (talkcontribs)

Hello, can I add a new namespace to the pages, like talk namespace, and to call it 'draft'. But I want it to be in a new tab like the tab 'discussion', near the page. Actually, maybe I don't need a new namespace, just a new tab, but not like here or here, because it made the tab inside the page, I want it in the head of the page, near the discussion tab. someone?

Yaron Koren (talkcontribs)


This is the wrong place to ask this question, since it does not relate to the Header Tabs extension. However, if you want to do this, I think the easiest way is to modify the skin, to add another tab to it. If you need more help than that, I would suggest writing to the mediawiki-l mailing list.


Betmidrash (talkcontribs)

Thanks. I really need more help. I'm a new user on wiki, and I don't understand what do you mean 'to modify the skin'.

Can you send me the link, where I need to ask my question?

Yaron Koren (talkcontribs)
Reply to "A new tab"
JosefAssad (talkcontribs)

I'm seeing a strange issue; I have a template with headertabs in it. In one of the tabs, I'm placing a call to an external PosegreSQL database using Extension:External Data . The ExternalData call uses a couple of template parameters to determine which table to query.

The ExternalData call generates a list of columns in the table specificed. It works fine if I move it outside the headertabs, but if it's inside it is just empty.

I'm at a bit of a loss; any clue why this might be happening?

Reply to "ExternalData calls in headertabs"

Issue Using https://www.mediawiki.org/wiki/Extension:Header_Tabs#Example

Flayckz (talkcontribs)


im Using Wiki 1.28 and the appropriate version of headerTabs : HeaderTabs: (REL1_28 2016-11-18T19:07:46 9ebb9c2)

My sourcecode for the page :

Some text above the tab view

First section header

This will be displayed on the first tab{{#switchtablink:Second section header|Click here to go to the next tab...}}

Second section header

This will be displayed on the second tab{{#switchtablink:Third section header|Click here to go to the next tab...}}

Third section header

This will be displayed on the third tab{{#switchtablink:First section header|Click here to go to the first tab...}}


Fourth section header

This will be always displayed under the tab view because it's below the headertabs tag.

appens when I click on one of the switchtablinks The console throws the following error :

Uncaught TypeError: Cannot read property 'Second_section_header' of undefined

   at HTMLAnchorElement.eval (eval at <anonymous> (load.php?debug=false&lang=de&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=1utpy7x:4), <anonymous>:112:315)
   at HTMLAnchorElement.dispatch (load.php?debug=false&lang=de&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=1utpy7x:65)
   at HTMLAnchorElement.elemData.handle (load.php?debug=false&lang=de&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=1utpy7x:60)
Reply to "Issue Using https://www.mediawiki.org/wiki/Extension:Header_Tabs#Example"
Jlemley (talkcontribs)

When transcluding a page with tabs, the edit section link above the tabs tries to edit the current page instead of the original. I'm on the latest version of HeaderTabs with wiki 1.23, and also reproduced it on Wiki 1.27.

Reply to "Edit Section Link on Transcluded Page"

New design idea; include hamburger - or tri-colon button for display on smaller devices

Albert Ke (talkcontribs)

Hi Yaron,

This is not an error, HeaderTabs has been working for me for many years, so thank you for that! This is more a design issue as more and more people start reading websites on small devices like smart phones. As far as I know it is currently not possible to have HeaderTab configured such that on small devices a hamburger or tri-colon button would appear to minimize the tabs to a dropdown menu such that each tab still can be selected, also on small devices to get to part of the text. Has this come up earlier (couldn't find it here) and is this something you like to consider including in upcoming versions?

Thanks, --Albert Ke (talk) 17:56, 12 January 2017 (UTC)

Yaron Koren (talkcontribs)

Oh, that's interesting. Would this be done in Header Tabs, or in the skin? I have no idea how one would go about doing this.

Albert Ke (talkcontribs)
Reply to "New design idea; include hamburger - or tri-colon button for display on smaller devices"
GregRundlett (talkcontribs)

I'm using MW 1.26 with Lingo installed (via composer) and HeaderTabs is working for me. (e.g. https://freephile.org/wiki/MediaWiki/Auth). The page says it doesn't work with Lingo. I didn't want to edit the page based on a sample size of 1, but perhaps the incompatibility is a thing of the past.

Also, one quirk I noticed is that I had to explicitly add __NOTOC__ on a sub-page despite the default / explicit

$wgHeaderTabsDisableDefaultToc = true; // default true

in LocalSettings.php

Reply to "Works with Lingo for me"