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

显示评论
  • Neill Magill
    2016年09月27日 星期二 18:45
    It should now work on Moodle 3.1
  • Mark
    2018年09月12日 星期三 07:39
    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
    2018年09月12日 星期三 22:36
    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
    2019年07月8日 星期一 14:52
    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
    2019年07月8日 星期一 16:07
    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
    2019年07月12日 星期五 14:45
    Thanks Neill... plugin version 2.7 works well in Essentials.
  • Brian Warling
    2019年10月2日 星期三 03:18
    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
    2019年10月2日 星期三 17:49
    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
    2020年06月14日 星期日 21:18
    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
    2020年06月15日 星期一 15:37
    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
    2020年09月21日 星期一 18:00
    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
    2020年09月21日 星期一 20:22
    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
    2021年08月8日 星期日 14:52
    Hi, great plug-in.
    Is there any plan for supporting Moodle version 3.11
  • Plínio Felipe Peçanha Oliveira
    2021年09月10日 星期五 05:04
    Thanks!
    Regards!
  • Pasadena Bible College
    2022年02月23日 星期三 17:27
    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