Moodle Blog

Make your Moodle course page look like a webpage

youtube video linkAs a follow up to a post from last year here I’ve just put some documentation onto (copied below) about one way you can tidy up your course homepage and avoid that so-called ‘scroll of death’. There is a youtube video here showing how it’s been done in a simple way on a course of ours where Year 9s will select their options subjects online.We have a standard Moodle install (so cannot use for example, other formats such as flexipage)and our courses tend to use the topic format.

Often when a course has a lot of content, students and teachers find the long scrolling a bind and would
prefer a ‘neater’ appearance with hyperlinks to sections in a similar way to the way pages on websites work.
While anchors/section links can help, the course page is still very long.
Hiding the activities with the eye results in their being not available for students to use.

One method which might be useful is to put the activities sections which are then made ‘unseen’.

Basic example:

  • Make your course as usual but add an extra topic at the bottom.
  • Say, if your course has 6 topics – give it 7
  • Add activities in topic 7 – eg a quiz
  • Get the url of your quiz; copy it and keep it somewhere (such as notepad) for later
  • Go back to course admin>settings and set your topic/weeks for 6; ie one fewer than you had before
  • The section with your quiz will no longer be on the page
  • In another section, make a hyperlink to the quiz using the url you have already copied and kept safe -either in a topic summary/ label or
  • via Add a resource>link to a file or website
  • You will see that the quiz is accessible to students even though the section it appears in doesn’t physically appear on the course page.

More advanced example: (youtube video link)

  • You can actually set up your whole course using this method.
  1. Set  your course to have two topics (or more if you wish)
  • Ignore topic 1
  •  In topic 2, use compose a webpage to make webpages relating to your units of work/topics
  • Add all your resources to topic 2 (etc)
  • Copy their urls into the relevant webpage as hyperlinks
  • In topic 0, the course summary make hyperlinks -or better- images hyperlinked – to each webpage which contains the activities of that unit/topic
  • Go back to course settings and set the number to 1.
Dieser Beitrag wurde am Saturday, 20. December 2008 um 19:49 Uhr veröffentlicht und wurde unter der Kategorie Moodle abgelegt. Du kannst die Kommentare zu diesen Eintrag durch den RSS-Feed verfolgen. Du hast die Möglichkeit einen Kommentar zu hinterlassen, oder einen Trackback von deinem Weblog zu senden.

«  –  »


  1. thanks for a great !!! tip.

    you should file a bug/feature report of this idea into moodle’s tracker.

    Comment: nadavkav – 20. December 2008 @ 10:51 pm

  2. hey, this is a cool find. I’ve wanted to do this in the past but hiding (closing the eye) a resource caused it to be unavailable to students, which led me to believe that it wasn’t possible.

    If you want to show information another way, you can also link directly to course files (if you’ve created some other html pages–I often do this with ppt presentations converted with authorPOINT Lite) using a image like a button.

    Thanks for the tip, I’m going to give it a try today!

    Comment: Joe Thibault – 22. December 2008 @ 4:08 pm

  3. Thanks Joe -took a look at your course too 🙂

    Comment: Mary – 23. December 2008 @ 1:56 pm

  4. Very creative! Thanks for sharing.

    Comment: Lesley Coe – 07. January 2009 @ 11:04 pm

  5. Hi
    I use this type of configuration all the time. In answer to hiding the resource – once topic is hidden just go back to the resource and unhide it.

    I only use the summary box – I create a table to hold information about the course and produce a menu system to resources using inline CSS within the summary box.

    This is a great way to give moodle a web feel.

    Comment: Tony Nicholls – 20. October 2010 @ 9:45 pm

Leave a comment


The Blog Posts

Search the blog



WP-Design: Vlad -- Powered by WordPress -- XHTML 1.0