Your Moodle version

Course formats: Collapsed Topics

format_topcoll
Maintained by Gareth J Barnard Gareth J Barnard
An interchangeable topic or week based format that solves the issue of the 'Scroll of Death' when a course has many topics.

An interchangeable topic or week (day for 2.3.1+) based format that solves the issue of the 'Scroll of Death' when a course has many topics / weeks. All sections except zero have a toggle that displays that section. One or more sections can be displayed at any given time. Toggles are persistent on a per browser session per course basis but can be made to persist longer by a small code change. Full installation instructions, code adaptions and credits are included in the 'Readme.md' file.

If you have a course with more than fifty two sections then currently the toggle persistence will not work for the fifty third section and above.  Then you need to upgrade to the Moodle 2.5 version+.

REPORTING ISSUES: When reporting issues you MUST clearly state the full version and release of both Moodle and the Collapsed Topics format as contained within their 'version.php' files - if not it takes me longer to figure out, often resulting in me asking for the details anyway and slowing the process of solving your problem down.  It really helps to read the 'Reporting Issues' section in the 'readme' file and upload and describe in detail the issue you are having on the 'Course formats' forum.

NOTE: The latest version incorporates functionality to support new UK / EU Cookie Law which is implemented as a user acceptance in the 1.9 version and no 'cookie' is used at all in 2.x versions.

Screenshots

Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot

Contributors

Gareth J Barnard
Gareth J Barnard (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of n kearns
    Mon, May 19, 2014, 10:55 PM
    I sussed it! Thanks Gareth, quite new to all this - just 'topcoll' did it
  • Picture of Chriss Medina
    Tue, May 20, 2014, 10:17 PM
    Good day Gareth, is there any chance for you to point me in the right direction? :P , am not a js expert so, it´s been a little messy to understand module.js ... :S

    Thanks.

    Chriss
  • Gareth J Barnard
    Wed, May 21, 2014, 1:41 AM
    Hi Chriss,

    This is the code that does the toggling: https://github.com/gjb2048/moodle-format_topcoll/blob/MOODLE_27/module.js#L149-L165 - you would need to modify the code such that it remembered what was the last toggle to be opened and then close it if it was different from the toggle clicked on.

    Cheers,

    Gareth
  • Picture of Blair F.
    Tue, May 27, 2014, 5:12 AM
    I'm testing with Moodle 2.6.3 and notice that in any of our courses which use this topic format, the new Edit menu for Activities and Resources becomes left aligned with the Activity or Resource title, rather than being right aligned as it is using any other course format.

    Using Firebug in Firefox, I traced it to this line:

    body.format-topcoll.editing .section .activity .actions
    {
    position: relative;
    }

    When I use Firebug to disable that line, the edit menu moves back to the right, where it should be and I don't immediately see any negative effects of doing that.
  • Gareth J Barnard
    Tue, May 27, 2014, 6:02 AM
    Hi Blair,

    That CSS is a part of the fix for https://tracker.moodle.org/browse/CONTRIB-4999. When you remove it in Firefox, Chrome, IE and Safari, does the CONTRIB-4999 issue come back?

    Also, I prefer the Edit menu next to the item in question, it looks odd in other formats being 'orphaned' away from them.

    Cheers,

    Gareth
  • Picture of Matt Fedorko
    Wed, Jun 4, 2014, 3:50 AM
    Gareth,

    Still loving Collapsed Topics. I wondered if there were any plans to add a Hover text option to the section heading? Right now, if you select a darker color for the text, and want a darker background color on-hover, it would be wonderful to be able to switch to a lighter text color on-hover. But beggars can't be choosers!

    Thanks as always.
  • Picture of Chriss Medina
    Wed, Jun 4, 2014, 4:39 AM
    Hi Matt, I figure it out how to customize toggles, place a background image and change color, font and hover for both, font and background color.

    You'll have to modify style sheet. If you want, I can point you trough the right direction.

    I love it too....

    Cheers
  • Gareth J Barnard
    Wed, Jun 4, 2014, 5:26 AM
    Hi Matt,

    There is no current plans to have a setting for the text colour too. However, I do see how this would be of benefit. If I were to implement it then it would be in the M2.7 version at the moment.

    Cheers,

    Gareth
  • Picture of Chriss Medina
    Fri, Jun 6, 2014, 11:17 PM
    Hi Gareth,

    I´m still fighting to achieve topics close when you open a new one, I'm implementing a function that tells you, when you open a topic, what kind of contents are, but if it detects more than one topic open, it crashes :S

    You point me trough the right direction, but really, js is not my best lol. Are there any other tips you could bring me, please, I'm stuck .. sad

    Thx

    Chriss
  • Gareth J Barnard
    Fri, Jun 6, 2014, 11:28 PM
    Hi Chriss,

    I'm sorry to hear that. To be honest there is nothing more I can add as a tip bar learning JavaScript and how the small amount of functions work for Collapsed Topics. Otherwise I would have to implement the functionality myself and that would take time for which I do not have.

    Kind regards,

    Gareth
  • Picture of Mathew Gancarz
    Sat, Jun 21, 2014, 6:00 AM
    Hi Gareth, first of all thank you for building and maintaining this plugin. We're using the Moodle 2.5 version (2013110503) and I've found a bug with the dreaded IE8 browser, both on Windows XP and Windows 7.

    When you collapse/expand all topics, it works fine. The first time that you open a topic, it works fine also. Any subsequent topics though have some visual bugs. The vertical spacing between the collapsible bars doesn't expand until I mouse over an item that was collapsed. If I collapse the same bar, there is blank space left between them, until I click on another item.

    I have some screenshots here: http://1drv.ms/1jE4OCA to help illustrate it.

    We do have a little bit of js experience on the team, so even if you do not have time to fix it, if you have an idea of where to look, we could try to work on it ourselves.

  • Gareth J Barnard
    Sat, Jun 21, 2014, 8:52 PM
    Hi Mathew,

    Odd. In all these years its not been reported before. I have an old version of XP with IE8 and can replicate but never seen it before. The only thing in the past that was similar in issue was for IE7 and below. You could try messing with adding the css: https://github.com/gjb2048/moodle-format_topcoll/blob/MOODLE_22/css/topics_collapsed.css#L149-L152 and altering the JS: https://github.com/gjb2048/moodle-format_topcoll/blob/MOODLE_22/module.js#L128-L132 etc. But to be honest, as MS gave up supporting IE8 on the 8th April this year then I strongly recommend spending every waking minute investing practical and psychological effort into upgrading IE.

    Cheers,

    Gareth
  • Picture of Mathew Gancarz
    Thu, Jun 26, 2014, 10:15 PM
    Hi all, just wanted to give public thanks to Gareth. We were able to collaborate on a solution to the IE8 issue that works very nicely.
  • Picture of Davíð Baldursson
    Tue, Jul 1, 2014, 10:41 PM
    Hi
    Is there any way to remove the word Toggle from the sections? Right now it is like "Section 2 - Toggle" but I would like to remove the - Toggle from it.

    with regards
    Davíð
  • Gareth J Barnard
    Tue, Jul 1, 2014, 10:53 PM
    Hi Davíð,

    Please see 2:15 to 2:45 on

    Cheers,

    Gareth
1 2 3 4 5 6 7 8 9 10 11
Please login to post comments