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:
178 sites
454 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

Comments

  • Barry Oosthuizen
    Wed, 20 May 2015, 5:11 PM
    Duplicate CSS properties have been removed
  • David Mudrák
    Fri, 22 May 2015, 3:06 AM

    Thanks Barry for sharing this plugin with the community. While reviewing your solution, I was thinking about returning from the lib.php in situations like running a CLI_SCRIPT or AJAX_SCRIPT. You may want to consider adding checks like that to it, too. For now, you are cleared to land. Welcome to the Plugins directory!

  • Barry Oosthuizen
    Fri, 22 May 2015, 9:56 PM
    Thanks David. I've added the extra checks you recommended
  • Bernhard Hiegl
    Mon, 25 May 2015, 8:04 PM
    Hi Barry, really nice addition to Moodle! smile
    I would prefer it to honor a max-width setting of the theme. Is this possible?
  • Barry Oosthuizen
    Tue, 26 May 2015, 7:16 PM
    Hi Bernhard, yes its possible. It was part of our own requirements to allow as wide a screen area as possible so we won't be changing this.

    You would need to override the .fullscreenmode .container-fluid CSS rules (there are a few so find them all in styles.css). There are a few options you could try as follows:

    1. Change the CSS in your theme
    2. Hack the CSS of this plugin (harder to maintain)
    3. Add Custom CSS on your theme's settings page (assuming it has this option)
  • William Lu
    Mon, 31 Aug 2015, 9:22 AM
    Works very well on My Moodle2.6, thanks.
  • Chris Chapman
    Fri, 9 Oct 2015, 9:12 PM
    Great plugin! is it possible to move the location of the button, to say the header/top navigation bar of a theme? obviously with some css/php involved?
Please login to post comments