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 Module: Multiple Icons.

    Scheduled Pinned Locked Moved Troubleshooting
    21 Posts 6 Posters 14.7k Views 6 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.
    • R Offline
      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.141S johnnyboyJ 2 Replies Last reply Reply Quote 0
      • strawberry 3.141S Offline
        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

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

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

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

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • R Offline
              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 */
              
              johnnyboyJ strawberry 3.141S 2 Replies Last reply Reply Quote 1
              • johnnyboyJ Offline
                johnnyboy @Richard238
                last edited by johnnyboy

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • strawberry 3.141S Offline
                  strawberry 3.141 Project Sponsor Module Developer @Richard238
                  last edited by

                  @Richard238 https://github.com/MichMich/MagicMirror/pull/779

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

                  johnnyboyJ R 2 Replies Last reply Reply Quote 1
                  • johnnyboyJ Offline
                    johnnyboy @strawberry 3.141
                    last edited by johnnyboy

                    This post is deleted!
                    strawberry 3.141S 1 Reply Last reply Reply Quote 0
                    • strawberry 3.141S Offline
                      strawberry 3.141 Project Sponsor Module Developer @johnnyboy
                      last edited by strawberry 3.141

                      @johnnyboy There is a css trick you probably didn’t know about, but will blow your mind :D

                      there is only one trash can icon in fontawesome, so how can we use it but colorize it differently for different trash types.

                      In germany, at least in my area, paper is blue, plastic is yellow, biowaste is brown and rest is black.

                      0_1489702972961_trash.PNG

                      this is a working example https://jsfiddle.net/a8p7snpd/4/ you just need some icons that you never will use in the calendar module like car, truck and cab

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

                      johnnyboyJ 1 Reply Last reply Reply Quote 1
                      • R Offline
                        Richard238 @strawberry 3.141
                        last edited by

                        @strawberry-3.141 What do I do with that, how do I use it?
                        Thanks.

                        strawberry 3.141S 1 Reply Last reply Reply Quote 0
                        • cowboysdudeC Offline
                          cowboysdude Module Developer
                          last edited by

                          strawberry taught me how to do this he said:
                          “there two ways to make a truck to a trash can 1. you take my css 2. you crash the truck into a wall :D”

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

                            @Richard238 you have to wait until it gets merged into the code base or you switch to my fork, but i wouldnt recommend that

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

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

                              This post is deleted!
                              1 Reply Last reply Reply Quote 0
                              • strawberry 3.141S Offline
                                strawberry 3.141 Project Sponsor Module Developer
                                last edited by

                                changes got merged and can be used in the develop branch or you have to wait until the new version gets deployed

                                alt text

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

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

                                  @strawberry-3.141 said in Calendar Module: Multiple Icons.:

                                  or you have to wait until the new version gets deployed

                                  Will I be able to choose NO ICON?

                                  Create a working config
                                  How to add modules

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

                                    @Mykle1 there is a default symbol, but you could try to cheat and define symbol as an empty string. cant test it atm.

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

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

                                      @strawberry-3.141

                                      Ok, thank you

                                      Create a working config
                                      How to add modules

                                      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
                                      • 1 / 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