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

        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