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.

    Calendar Heading Changes

    Scheduled Pinned Locked Moved Troubleshooting
    22 Posts 5 Posters 14.3k Views 4 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.
    • brobergB Offline
      broberg Project Sponsor @ooom416354
      last edited by

      @ooom416354

      If you want it all in a row above the calender then use < span >, < div > usually stacks on top of each other.

      < span style="color: blue">Dude, < /span>
      < span style="color: pink">Dudette, < /span>
      < span style="color: green">Tiny dude, < /span>
      < span style="color: yellow">Tiny dudette, < /span>
      < span style="color: purple">Tiniest thingymajigg< /span>
      
      

      That should give you “Dude, Dudette, Tiny dude, Tiny dudette, Tiniest thingymajigg”

      ooom416354O 1 Reply Last reply Reply Quote 1
      • ooom416354O Offline
        ooom416354 @broberg
        last edited by

        @broberg Yes, that makes sense but would that be added as part of the helloworld module which @strawberry-3-141 mentioned to use above?

        brobergB 1 Reply Last reply Reply Quote 0
        • brobergB Offline
          broberg Project Sponsor @ooom416354
          last edited by broberg

          @ooom416354 Yes, if you put that inside the text: ' ... ' it should work nicely,
          But since the module doesn’t have any width constraints it could stretch the top_left area, but that depends on number of characters and font-size ofc.

          ooom416354O 1 Reply Last reply Reply Quote 0
          • ooom416354O Offline
            ooom416354 @broberg
            last edited by

            @broberg perfect, got it, thanks.

            @billp100 this should work but may need some formatting with the margins to get it to look good.

            strawberry 3.141S 1 Reply Last reply Reply Quote 0
            • strawberry 3.141S Offline
              strawberry 3.141 Project Sponsor Module Developer @ooom416354
              last edited by

              @ooom416354 you can also add <br /> to force a line break where you want

              Please create a github issue if you need help, so I can keep track

              1 Reply Last reply Reply Quote 1
              • B Offline
                billp100
                last edited by

                Guys,
                Thanks for the help, using your suggestions I was able to actually accomplish what I was looking for in the header of the calendar module itself.

                1 Reply Last reply Reply Quote 0
                • 1
                • 2
                • 3
                • 2 / 3
                • First post
                  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