General plugins (Local): Fullscreen toggle button

Maintained by University of NottinghamThe University of Nottingham, Picture of Neill MagillNeill Magill
The Fullscreen toggle button expands the content area by hiding all side blocks. Themes based on bootstrapbase / clean theme are supported.
231 sites
31 fans
Current versions available: 6

The full screen toggle button allows you to hide the side columns (blocks) and make the central column fill the screen.  This is especially useful when viewing embedded videos and SCORM packages.

Themes based on bootstrapbase / clean theme are supported. From version 2.6.5 Boost is supported.

Notes on usage:  

  • If the window is scrolled more than 205 pixels a ‘floating’ full screen toggle appears in the top right of the screen.  It disappears if you scroll back up.
  • If mobile mode (or responsive mode) is triggered (screen width 768px or less)
    • The full screen toggle button(s) disappear as they no longer serve any purpose.
    • If you were in full screen mode (with no side blocks) the side blocks will now be below the content area (as usual for mobile mode).
  • If JavaScript is off there is no full screen toggle button
  • If Full screen mode has been triggered it persists as a user preference in the database until the user clicks the toggle button again.
  • The icon changes with arrows point out / in on each toggle
  • The toggle button does not appear on the login page
  • Side blocks disappear completely if full screen mode is triggered.  They can be retrieved by toggling back to normal screen mode
  • Ctrl + Alt + b is an alternative way to toggle screen mode
  • Once triggered there is no fixed width, i.e. if you stretch the window across two monitors you will be able utilise the full content area
  • It should work on Chrome, Edge, Firefox and IE11


Screenshot #0
Screenshot #1
Screenshot #2


University of Nottingham
The University of Nottingham (Lead maintainer)
Picture of Neill Magill
Neill Magill: UoNDeveloper
Picture of Barry Oosthuizen
Barry Oosthuizen: Original Author
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Neill Magill
    Fri, Apr 15, 2016, 3:48 PM
    I believe it should appear ion the homepage.

    The button relies on the theme having a html tag with an id of 'region-main' being present. Does that exist on the homepage of the Academi Theme?
  • Picture of Greg Myles
    Fri, Apr 15, 2016, 8:51 PM
    I don't see it in the source - the site can be found here:
  • Picture of Neill Magill
    Fri, Apr 22, 2016, 10:36 PM
    The button should appear on the dashboard in the latest version in our repository.
  • Picture of Greg Myles
    Mon, Apr 25, 2016, 7:09 PM
    Thanks, that works - any plans to extend this to the home page as well?
  • Picture of Scott Krajewski
    Mon, May 16, 2016, 9:43 PM
    Any plans to make it work with 3.x ? On our test server (3.1 beta) it keeps vanishing until I purge all caches. After a few clicks it vanishes again.
  • University of Nottingham
    Wed, Jun 29, 2016, 8:08 PM
    Short answer: During the first half of 2017
    Long Answer: The University of Nottingham plan to upgrade to a 3.x version of Moodle for our academic year 17-18 (by Sept 2017). Therefore we will fix any issues on 3.x as part of our upgrade preparation. This usually takes place Jan-Apr.
  • University of Nottingham
    Wed, Jun 29, 2016, 8:15 PM
    Sorry, No plans to extend to the homepage.
  • Picture of Neill Magill
    Tue, Sep 27, 2016, 6:45 PM
    It should now work on Moodle 3.1
  • Mark
    Wed, Sep 12, 2018, 7:39 AM
    Thanks for such a great plugin.
    We have just been upgraded from M3.3 to M3.4. using the Essential theme with Toggle 2.8.
    * The toggle button has disappeared.
    I noticed that if I used Toggle 2.7 the toggle button reappeared and seems to work as I expected.
    Could this situation be theme related?
    Are there any issues with using Toggle 2.7 with M3.4?
    Thanks in anticipation.
  • Picture of Neill Magill
    Wed, Sep 12, 2018, 10:36 PM
    Hi Mark,

    The way the button is injected into a page was changed with version 2.8 of the fullscreen button, it now uses the before_footer() callback, rather than relying on the page navigation being loaded. It looks as though the Moodle 3.4 version of Essential does not process that callback, for any plugins.

    There were also several improvements made to the way it is displayed (especially in Boost based themes), the Javascript will has also been moved to use the current way Moodle prefers things to be done.

    I suspect version 2.7 is likely to work ok in Moodle 3.4 (but we have not tested it)
  • Mark
    Mon, Jul 8, 2019, 2:52 PM
    Hi Neill,
    We have just upgraded to M3.6 from 3.4 (still with the Essentials 3.6 Theme)
    It would appear that the Full-Screen Toggle does not work with Essentials.
    If I swap to Clean or More theme it works as intended.
    Is there anything we can do?
  • Picture of Neill Magill
    Mon, Jul 8, 2019, 4:07 PM
    Hi Mark,

    I'm guessing the essentials theme still does not support the before_footer() call back, or uses a significantly different html structure to Clean.

    I think your options are:

    1) See if the old Moodle 2.7 version still works for you
    2) Lobby the maintainer of Essentials to ensure it is compatible with all the output callbacks:
    3) Create a modified the full screen button to use the old (and less reliable method) of injecting itself into Moodle that was used in the Moodle 2.7 version
  • Mark
    Fri, Jul 12, 2019, 2:45 PM
    Thanks Neill... plugin version 2.7 works well in Essentials.
  • Picture of Brian Warling
    Wed, Oct 2, 2019, 3:18 AM
    Hi.... This is a very nice plugin. Will there be a version available for Moodle 3.7? I've installed the current version (2.9.3) on 3.7 and it appears to work fine. Just wondering if the version here will be available for 3.7. Thanks very much.... Brian
  • Picture of Neill Magill
    Wed, Oct 2, 2019, 5:49 PM
    Hi Brian,

    We normally only mark our plugins for compatibility after verifying it works with a that version of Moodle ourselves, unfortunately we can sometimes be a little laggy at getting round to it especially for the odd versions of Moodle as we tend not to run them ourselves (we do an annual upgrade to an even version), however since 2.9.3 seems to be working fine for you I will give that the 3.7 tag.

    That said if you do find an issue with it on a later version we are likely to look into it or accept a pull request for a fix.

    I would normally expect the full screen button to keep working with newer versions of Moodle fine, unless there is a significant change to the core themes.
1 2 3
Please login to post comments