MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Full-screen alert (no other modules should be shown)

    Development
    2
    2
    1927
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • MAF1981
      MAF1981 last edited by

      Hi,
      I want to have a fullscreen alert for a few seconds, after this defined time the module should appear normally on it’s defined position in config.js. How can I solve that? Can I just overlay it with CSS or should I hide all other modules before and then displaying it again?
      For example, in config.js my module is defined with

      position: 'middle_center',
      

      once a notification will show my module, it should appear in fullscreen mode for (i.e.) 20 seconds, no other modules should be displayed during this time. The fullscreen mode has the background color red and a very large font size. After this 20 seconds, the fullscreen is not necessary anymore and the module should be displayed in its “middle_center” position.
      What could be the best way to solve this?

      Thanks!

      1 Reply Last reply Reply Quote 0
      • lolobyte
        lolobyte last edited by

        Hi, there is already such a module. It’s called alert and part of the default modules package.

        https://github.com/MichMich/MagicMirror/tree/develop/modules/default/alert

        There are a lot of options you can configure.

        1 Reply Last reply Reply Quote 1
        • 1 / 1
        • First post
          Last post
        Enjoying MagicMirror? Please consider a donation!
        MagicMirror created by Michael Teeuw.
        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
        This forum is using NodeBB as its core | Contributors
        Contact | Privacy Policy