General plugins (Local): Fullscreen toggle button

Maintained by University of Nottingham The University of Nottingham, Picture of Neill Magill Neill Magill
The Fullscreen toggle button expands the content area by hiding all side blocks. Themes based on bootstrapbase / clean theme are supported.
239 sites
28 fans

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, Firefox and IE9+


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 Hamed Azimi
    Wed, 4 Nov 2015, 4:56 PM
    I have a problem. This seems not to be working with google chrome as it must. While using google chrome, it is full screen by default and when we click on this button, it just show/hide blocks below the screen (but in firefox it show/hide blocks right in sidebar)
    Any opinion on how to solve it will be appreciated.
  • Picture of Hamed Azimi
    Wed, 4 Nov 2015, 5:01 PM
    I should add that this problem is only when the "Navigation" block is set to "No" in "in this page" in its settings.
  • Picture of Ronan Choiselat
    Mon, 8 Feb 2016, 10:33 PM
    I encounter a little issue. When I enter in a single activity course, toggle button for fullscreen does not appear and crtl+alt+b shortcut does not work too. In case of a SCORM activity, it could be annoying due to low width left in center column.
  • University of Nottingham
    Tue, 9 Feb 2016, 1:00 AM
    Hi, Do you want to log a bug here and we'll see if we can look into it:
  • Picture of Greg Myles
    Thu, 14 Apr 2016, 12:22 AM

    not sure if this is the intended behaviour or not, but we have an issue on M3.0 (Academi theme). If I go into a course and go fullscreen, then navigate back to 'home', the blocks on the homepage remain hidden with no toggle button with which to restore them. To do so I have to return to any course and toggle fullscreen again before returning home.
  • Picture of Neill Magill
    Fri, 15 Apr 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, 15 Apr 2016, 8:51 PM
    I don't see it in the source - the site can be found here:
  • Picture of Neill Magill
    Fri, 22 Apr 2016, 10:36 PM
    The button should appear on the dashboard in the latest version in our repository.
  • Picture of Greg Myles
    Mon, 25 Apr 2016, 7:09 PM
    Thanks, that works - any plans to extend this to the home page as well?
  • Picture of Scott Krajewski
    Mon, 16 May 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, 29 Jun 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, 29 Jun 2016, 8:15 PM
    Sorry, No plans to extend to the homepage.
  • Picture of Neill Magill
    Tue, 27 Sep 2016, 6:45 PM
    It should now work on Moodle 3.1
  • Mark
    Wed, 12 Sep 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, 12 Sep 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)
1 2
Please login to post comments