Your Moodle version

Course formats: oohoo - TabTopics format

Maintained by Picture of Nicolas Bretin Nicolas Bretin, Picture of Patrick Thibaudeau Patrick Thibaudeau
This Moodle course format displays each section in a tab

This Moodle course format displays each sections in a tab.

New features in version 2.5.0

1. Updated for Moodle 2.5
2. Section 0 can now be a tab by option.
3. Left pane navigation affects tabs
4. Last tab visisted is now cached




Picture of Nicolas Bretin
Nicolas Bretin (Lead maintainer)
Picture of Patrick Thibaudeau
Patrick Thibaudeau: Maintainer
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Martin Arman-Addey
    Tue, Feb 25, 2014, 12:50 AM
    Hi Nicolas,

    We are using Moodle2.3 and experiencing a problem whet using the Tabtopics. When i go into a new page using IE10 the page is blank, however with Chrome and others the TabTobigs format is displaying correctly. Any help would be greatly appreciated.

    Many thanks
  • Picture of Robin Wilkinson
    Mon, Mar 3, 2014, 3:29 AM
    Martin, were having the same issue but were finding there is a difference when looking from Windows 7 & Windows 8 as well.

    Thanks Rob
  • Picture of Martin Arman-Addey
    Tue, Mar 4, 2014, 12:01 AM
    I have done some further research have found the following;

    If I create a label with some text and then add a hyperlink to the course using the TabTopics format, when you go to that page it is blank.
    If I create a url link and treat it as an external url, the page displays correctly.

    That seems to resolve the issue for IE, its not ideal as you have to remember to treat the page as an external url, but it does work around the issue.

  • Picture of Ger Tielemans
    Wed, Apr 2, 2014, 11:04 PM

    moodle 25 - TabTopics 2013092600

    moodle 26 - TabTopics 2013092600

    I love the course format Topic Tabs with one exception: when you give tab zero a name, this name is annoying visible above the tabs. By this little change that is solved:

    //Insert the section 0
    $section = 0;
    $thissection = $sections[$section];

    if ($thissection->summary or $thissection->sequence or $PAGE->user_is_editing())
    echo '
    • ';

      echo '

      // do not echo above the tabs
      if (!empty($thissection->name))
      !! =====> // echo $OUTPUT->heading(format_string($thissection->name, true, array('context' => $context)), 3, 'sectionname');

      echo '

      Would be better if this choice became an extra checkbox in the settings page of the format...
  • Picture of Ger Tielemans
    Wed, Apr 2, 2014, 11:07 PM
    sorry for the yellow color...
  • Picture of Mykl Belfatto
    Tue, Jul 8, 2014, 12:28 PM
    how do I modify the colors and tabs?
  • Picture of Tracey Collins
    Mon, Jul 14, 2014, 7:29 AM

    I really like this course layout, but I have found that the Navigation menu does not work for me when I am using it. When I click on one of the section names in the Navigation menu all I get is Jump to... shown on the screen with a drop down list of sections, but I can't select any of them. The only way to see any content is to go back to the Course link in the breadcrumbs or in the Navigation menu.

    Has anyone else had this problem and is there any way to fix it?

    I am using Moodle 2.6 and v2.6.0 of the plugin.


  • Picture of Brendan Barlow
    Tue, Jul 15, 2014, 7:52 AM
    Hi there, I am not sure if this is the right place for this comment but thought i would put it here. We are using this plugin for Moodle 2.6.3+ (Build: 20140619) and have changed the css to have the corporate colours (orange). In Google chrome (Version 35.0.1916.153 m) the tabs are functioning with the correct colours. In Internet explorer (version 9.0.8112.16421) the tabs are set back to default colour of blue. Can anyone offer some advice please.
  • Picture of Tracey Collins
    Tue, Jul 15, 2014, 10:35 AM
    Hi Brendan,
    I found that changing the css code to background instead of background-color worked for me (see Note: On IE9 you will probably have to put "background: #2647A0 !important;" in order to force the color changes).
  • Picture of Brendan Barlow
    Tue, Jul 15, 2014, 12:50 PM
    Hi Tracey
    many thanks.
    I had to add !important to all colours.
    Now it works in all browsers.
    Thanks again
  • Picture of Usman Asar
    Fri, Jul 18, 2014, 1:40 AM
    Hi, this lovely plug-in worked until 2.7+, as I just upgraded to 2.7.1 it messed up my whole site. Though I recovered, but really want to see this working on 2.7.1 and Beyond. Anxiously waiting. Thanks
  • Picture of Tim Bryan
    Thu, Aug 21, 2014, 7:04 PM
    This is a brilliant plug-in. looks very nice and clean and is well annotated for making customizations to the colors and looks. Has anyone else had issues viewing this plug-in on a mobile device?
    Ours doesn't show up at all on any android devices web browser :/
  • Picture of Stuart Neiman
    Wed, Nov 19, 2014, 12:52 AM
    I have found I also have the same problem that Tracey mentioned on Mon, Jul 14, 2014, 7:29 AM about an issue with the navigation menu not working. I have noticed this happens when we add folders inside the panels. I also have to go the breadcrumb navigation to get back to the main page of my course.

    Has anyone found a workaround for this?
  • Just wondering . . .
    Tue, Dec 9, 2014, 8:28 AM
    I've just had this format recommended to me.
    Does it work with Moodle 2.8??


  • Also me
    Thu, Dec 18, 2014, 12:04 AM
    I'm trying to add a javascript/jquery carousel to a tabtopics page.
    I've tried 3 different ones (ex: each of which work under a different course format and even under a tabtopics format with editing turned on but as soon as editing goes off they stop working.

    I don't know javascript btw - I just use the code others produce.

    Any ideas are welcome.

    Thanks, Sam.
1 2 3
Please login to post comments