• 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.

Calendar Heading Changes

Scheduled Pinned Locked Moved Troubleshooting
22 Posts 5 Posters 12.7k 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.
  • S Offline
    strawberry 3.141 Project Sponsor Module Developer @ooom416354
    last edited by strawberry 3.141 Feb 8, 2017, 5:06 PM Feb 8, 2017, 5:05 PM

    @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

    O B 3 Replies Last reply Feb 8, 2017, 5:05 PM Reply Quote 0
    • O Offline
      ooom416354 @strawberry 3.141
      last edited by Feb 8, 2017, 5:05 PM

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

      1 Reply Last reply Reply Quote 0
      • O Offline
        ooom416354 @strawberry 3.141
        last edited by Feb 8, 2017, 5:08 PM

        @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?

        S B 2 Replies Last reply Feb 8, 2017, 5:09 PM Reply Quote 0
        • S Offline
          strawberry 3.141 Project Sponsor Module Developer @ooom416354
          last edited by Feb 8, 2017, 5:09 PM

          @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

          O 1 Reply Last reply Feb 8, 2017, 5:31 PM Reply Quote 0
          • O Offline
            ooom416354 @strawberry 3.141
            last edited by Feb 8, 2017, 5:31 PM

            @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 Feb 8, 2017, 6:47 PM Feb 8, 2017, 6:43 PM

              @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
              • B Offline
                broberg Project Sponsor @ooom416354
                last edited by Feb 8, 2017, 7:04 PM

                @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”

                O 1 Reply Last reply Feb 8, 2017, 7:06 PM Reply Quote 1
                • O Offline
                  ooom416354 @broberg
                  last edited by Feb 8, 2017, 7:06 PM

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

                  B 1 Reply Last reply Feb 8, 2017, 7:09 PM Reply Quote 0
                  • B Offline
                    broberg Project Sponsor @ooom416354
                    last edited by broberg Feb 8, 2017, 7:15 PM Feb 8, 2017, 7:09 PM

                    @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.

                    O 1 Reply Last reply Feb 8, 2017, 7:10 PM Reply Quote 0
                    • O Offline
                      ooom416354 @broberg
                      last edited by Feb 8, 2017, 7:10 PM

                      @broberg perfect, got it, thanks.

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

                      S 1 Reply Last reply Feb 8, 2017, 7:12 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        16/22
                        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