Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Calendar Module: Multiple Icons.

    Troubleshooting
    6
    21
    7719
    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.
    • R
      Richard238 last edited by

      What’s the code to have multiple icons on the calendar?
      I’ve tried a few…

      symbol: 'calendar-check-o ', 'smile-o ',
      …
      symbol: 'calendar-check-o ’ 'smile-o ',
      …
      symbol: 'calendar-check-o smile-o ',
      …

      Thanks

      1 Reply Last reply Reply Quote 0
      • yawns
        yawns Moderator last edited by

        Multiple Icons? So you want to display two (or even more) icons next to each calendar entry?

        1 Reply Last reply Reply Quote 0
        • R
          Richard238 last edited by

          Yes, exactly that.
          I’m building a ‘Binday’ calendar.
          I’d like two icons, to indicate which bins to put out: rubbish and recycling, or rubbish and green.

          Thanks.

          johnnyboy 1 Reply Last reply Reply Quote 0
          • johnnyboy
            johnnyboy @Richard238 last edited by johnnyboy

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • R
              Richard238 last edited by

              I’ve got a coloured trash-o icon against each entry in my binday calendar, but I’d like two, one per bin.

              strawberry 3.141 johnnyboy 2 Replies Last reply Reply Quote 0
              • strawberry 3.141
                strawberry 3.141 Project Sponsor Module Developer @Richard238 last edited by

                @Richard238 in my oppinion there is no easy and clean solution for that without modyfing the code

                in the next update there is at least the possibility to colorize every calendar differently

                johnnyboy 1 Reply Last reply Reply Quote 0
                • johnnyboy
                  johnnyboy @strawberry 3.141 last edited by johnnyboy

                  This post is deleted!
                  1 Reply Last reply Reply Quote 0
                  • johnnyboy
                    johnnyboy @Richard238 last edited by johnnyboy

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • R
                      Richard238 last edited by Richard238

                      Sure, it’s in /home/pi/MagicMirror/css/custom.css

                       * Changes to this files will be ignored by GIT. *
                       *****************************************************/
                      
                       body {
                       	
                       }
                      
                       
                       .fa.fa-calendar-check-o {
                        color: #00d2ff; /* Blue */
                      }
                      
                       .fa.fa-trash-o  {
                        color: #C97F7F; /* Brown */
                      
                      johnnyboy strawberry 3.141 2 Replies Last reply Reply Quote 1
                      • johnnyboy
                        johnnyboy @Richard238 last edited by johnnyboy

                        This post is deleted!
                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy