Fullscreen toggle button

General plugins (Local) ::: local_fullscreen
Maintained by University of NottinghamThe University of Nottingham, Neill Magill
The Fullscreen toggle button expands the content area by hiding all side blocks. Themes based on bootstrapbase / clean theme are supported.
Latest release:
251 sites
37 fans
Current versions available: 8

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)
Neill Magill: UoNDeveloper
Barry Oosthuizen: Original Author
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • University of Nottingham
    Wed, Jun 29, 2016, 8:15 PM
    Sorry, No plans to extend to the homepage.
  • 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.
  • 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?
  • 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: https://docs.moodle.org/dev/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.
  • 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
  • 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.
  • Sun, Jun 14, 2020, 9:18 PM
    Hi, folks!

    Amazing plugin. I've Just Installed in Moodle 3.8.3, with Boost and it is working great.

    They're just one thing that could be better if possible: the little delay to the full screen to appear when reloading or going to another page. I mean, the new page first load without the fullscreen and just after extends to the fullscreen mode, causing the page to flash.

    Is there any way to improve this?

    Thanks in advance!
  • Mon, Jun 15, 2020, 3:37 PM
    Hi Osvaldo,

    I think this is probably a side effect of the plugin adding the button, and the style to make the page appear full screen, inside the user's browser, rather than while the page is being created on the web server.

    The only way that the flicker could be avoided would be to add the style needed to make the page appear full screen when it is generated. The button cannot be added during generation though without the code being part of the sites theme.

    Adding the body class during generation on the server would lead to the risk that a user could be left in a state where the blocks are not displayed while the button cannot be attached, which would mean the user would not be able to get their blocks back. This could happen if the sites theme became incompatible with the button, or another plugin had Javascript that caused an error which stopped further Javascript from working.

    So while it may be possible to stop the flicker, I am not sure that the risks would be worth it.

    I hope this explanation helps.
  • Mon, Sep 21, 2020, 6:00 PM
    Hi, great plug-in. Is there any way to make it work in a way when it stretches the actual content not only to the width but also to the height and overlays it the navigation block (the one with the course name)? Is there something what I can add to the source "styles.css" of the fullscreen toogle button? This function would be particularly helpfull to us. Thank you very much.
  • Mon, Sep 21, 2020, 8:22 PM
    Hi Jiri,

    The plugin is designed to only remove the blocks, we do not intend to change it so that it hides the header and footer of Moodle.

    I imagine it would be possible to do, but we cannot help with that. You may be able to find some advice via the General developers forum, or alternatively you could talk to a Moodle Partner who will likely be able to create an adapted version of the plugin for you that will support your requirements.
  • Sun, Aug 8, 2021, 2:52 PM
    Hi, great plug-in.
    Is there any plan for supporting Moodle version 3.11
  • Fri, Sep 10, 2021, 5:04 AM
1 2 3
Please login to post comments