SMB Streamline: Tabbed Navigation

Blocks ::: block_tabbed_navigation
Maintained by June 2007Nicolas Connault
This is a simple block with no configuration. Simply add it to a Topics or Weeks course set to show all sections on the same page, and it will add a tabbed navigation at the top of the course. This only works on Bootstrap themes.
Latest release:
20 sites
2 downloads
8 fans
Current versions available: 1

This simple plugin is a drop-in block with no configuration. Simply add it to a course in Topics or Weeks format (and all sections shown on the same page) and it will add tabbed navigation to the course. Each tab links to a section (except section 0 which is always shown just below the tabs).

This works with all Bootstrap-based Moodle Themes. Style may need to be adjusted by modifying the block's styles.css.

Screenshots

Screenshot #0

Contributors

June 2007
Nicolas Connault (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Plugins bot
    Thu, 26 Mar 2015, 5:56 PM
  • David Mudrák
    Thu, 26 Mar 2015, 6:20 PM
    Hi Nicolas. Thanks for sharing this block with the community. I realized that the block has quite big dependency on the actually used theme. Most notably, the code `Y.one('h1.coursetitle')` expects that the course title is rendered as a H1 element with the specific CSS class set. Neither theme_clean nor theme_more use that in Moodle 2.8. Could there be a better way to find the appropriate node to attach your HTML structure to? And also some checking that the Y.one() actually found the node, rather than throwing JS error.
    I am going to mark this as needing more work to see if we can improve this. Thanks for your patience with the review and approval process.
  • David Mudrák
    Thu, 26 Mar 2015, 8:07 PM
    Note that the JS error prevents execution of other scripts at the page.
  • June 2007
    Fri, 27 Mar 2015, 10:26 AM
    Thanks for the feedback David. I've just uploaded a new version that fixes the problems you reported.
  • David Mudrák
    Fri, 27 Mar 2015, 7:32 PM
    Nice one Nicolas! I can confirm it works now, well done. I just reported a suggestion for a small JS performance improvement into your tracker. You are cleared to land now, welcome to the Plugins directory!
  • Nacho Aguilar
    Thu, 11 June 2015, 11:17 PM
    Hi,

    Thanks for the block. I am using it in a course with topic format and 5 sections. (It was 10 but I shorted to 5)
    I have checked DB and mdl_course_format_options name = numersection value= 5

    But the course is showing 10 tabs. Is the block reading BD table and field properly?
    Is there anything I can do to solve this?

    I am using Moodle 2.7.2+
  • June 2007
    Fri, 12 June 2015, 12:19 AM
    Yes, update to latest Moodle, then you will be able to delete the extra sections that were created previously, it's a new feature. You'll have to change the course settings back to 10 sections delete the unwanted sections, then put it the course setting back to 5.

    If you don't want to delete these sections, you can simply hide them, not by changing the course setting, but by clicking the "eye" icon in each section. That will stop them from showing up as a tab. You don't need to update Moodle to do that.
  • barbara nance
    Sat, 25 Feb 2017, 5:43 AM
    Sorry where you set the topics to say just 10, by default I get 12. Also do you have a version for 3.1 coming out?
  • barbara nance
    Sat, 25 Feb 2017, 5:43 AM
    Sorry where you set the topics to say just 10, by default I get 12. Also do you have a version for 3.1 coming out?
Please login to post comments