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 13.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.
    • strawberry 3.141S Offline
      strawberry 3.141 Project Sponsor Module Developer @ooom416354
      last edited by strawberry 3.141

      @ooom416354 put it right above the calendar module in the config with the same position

      {
              module: 'helloworld',
              position: 'top_left',
              config: {
                  text: '<div>John</div><div>Jane</div>'
              }
          }
      

      EDIT it wont let me do adding styling add style=“color: blue;” for John example behind the open div tag

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

      ooom416354O B 3 Replies Last reply Reply Quote 0
      • ooom416354O Offline
        ooom416354 @strawberry 3.141
        last edited by

        @strawberry-3.141 perfect, I will do that. thanks again!

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