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:
173 sites
425 downloads
48 fans
Current versions available: 10

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
  • Ctrl + Alt + b is an alternative way to toggle screen mode (the key combination can be changed by the Site administrator)
  • 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

Since Moodle 4.0 the full screen button will behave differently on Classic and Boost

  • In the Boost theme the content of limited width pages will change to expand the full width of the page, but will not hide the block area or the course navigation.
  • In the Classic theme this will hide the block areas and expand allow the content areas to expand to the full width of the page.

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6

Contributors

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
  • 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.
    Mark
  • 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)
  • Mark
    Mon, 8 Jul 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?
  • Neill Magill
    Mon, 8 Jul 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, 12 Jul 2019, 2:45 PM
    Thanks Neill... plugin version 2.7 works well in Essentials.
  • Brian Warling
    Wed, 2 Oct 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
  • Neill Magill
    Wed, 2 Oct 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.
  • Osvaldo Canato
    Sun, 14 Jun 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!
  • Neill Magill
    Mon, 15 Jun 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.
  • Jiří Tichánek
    Mon, 21 Sep 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.
  • Neill Magill
    Mon, 21 Sep 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.
  • Huy Hoàng
    Sun, 8 Aug 2021, 2:52 PM
    Hi, great plug-in.
    Is there any plan for supporting Moodle version 3.11
  • Plínio Felipe Peçanha Oliveira
    Fri, 10 Sep 2021, 5:04 AM
    Thanks!
    Regards!
  • Pasadena Bible College
    Wed, 23 Feb 2022, 5:27 PM
    I can't tell you how thankful I am for this contribution. We have images and charts that do not render well except in full screen width. This plugin perfectly presents this content to our students.

    Am very grateful for the creation and maintenance of this plugin.

    Regards,
    Michael Wallace, PBC Tech Support
1 2 3
Please login to post comments