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 15.9k 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.
    • ooom416354O Offline
      ooom416354 @strawberry 3.141
      last edited by

      @strawberry-3.141 I see that, is it possible to just add 5 separate helloworld modules each stacked on top of each other, each with a different color?

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

        @ooom416354 you could do that but each module has a margin around which takes up more space than adding all in one

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

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

          @strawberry-3.141 Yea, I saw that, I guess I could modify the module itself to shrink the margin but that would cause a problem with pulling latest updates, right?

          1 Reply Last reply Reply Quote 0
          • B Offline
            billp100 @strawberry 3.141
            last edited by billp100

            @strawberry-3.141 I am said friend that @ooom416354 is helping. I appreciate the help, I will be able to do some testing of my own tonight and tomorrow with the impending storm coming.

            My ideal setup is to have the 5 members in my family share 1 calendar module, each using a separate icon. For my wife and I it’s fairly easy, because there is a male icon and female. For the kids, there is no way do differentiate them.

            My other question would be, rather than using a font-awesome symbol, could I just use a letter or name in place of that?

            1 Reply Last reply Reply Quote 0
            • 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

                        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                        With your input, this post could be even better 💗

                        Register Login
                        • 1
                        • 2
                        • 2 / 2
                        • 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