• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Question: Having a module span entire screen?

Scheduled Pinned Locked Moved Solved Troubleshooting
4 Posts 2 Posters 164 Views 2 Watching
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.
  • C Offline
    cgillinger
    last edited by Dec 18, 2024, 2:28 PM

    Hi!

    Im trying to build a “Important message to the public”-module, based of an API here in Sweden. I want the module to be at the top of the screen, showing important messages across the entire screen.

    However, I cant get it to actually cross the screen. No matter how I format the css I get the text bunched wrong. This is the closest I’ gotten:

    8a19871c-5070-417e-81bb-7fc0d12d22aa-image.png

    What do I need to do?

    S 1 Reply Last reply Dec 18, 2024, 3:09 PM Reply Quote 0
    • C Offline
      cgillinger @sdetweil
      last edited by Dec 19, 2024, 2:28 PM

      @sdetweil Ah, thnx, I found the error, using the dev console. I hadn’t fully understood the regions of the screen. Got it to work now!

      S 1 Reply Last reply Dec 19, 2024, 2:30 PM Reply Quote 1
      • S Offline
        sdetweil @cgillinger
        last edited by sdetweil Dec 19, 2024, 2:47 PM Dec 18, 2024, 3:09 PM

        @cgillinger explain more, show the css

        did u center the text

        also show the html

        remember you can use the developer window elements tab to fiddle w css settings til you get it

        see the second link in my signature below

        you can dock the editor window on the bottom of the screen so you have full width

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        C 1 Reply Last reply Dec 19, 2024, 2:28 PM Reply Quote 0
        • C Offline
          cgillinger @sdetweil
          last edited by Dec 19, 2024, 2:28 PM

          @sdetweil Ah, thnx, I found the error, using the dev console. I hadn’t fully understood the regions of the screen. Got it to work now!

          S 1 Reply Last reply Dec 19, 2024, 2:30 PM Reply Quote 1
          • S sdetweil has marked this topic as solved on Dec 19, 2024, 2:29 PM
          • S Offline
            sdetweil @cgillinger
            last edited by Dec 19, 2024, 2:30 PM

            @cgillinger awesome

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            1 / 1
            • First post
              3/4
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy