Calendar Module: Multiple Icons.

[Richard238]

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

[yawns]

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

[Richard238]

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]

This post is deleted!

[Richard238]

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]

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

This post is deleted!

[johnnyboy]

This post is deleted!

[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]

This post is deleted!

[strawberry 3.141]

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

[johnnyboy]

This post is deleted!

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

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

[Richard238]

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

[cowboysdude]

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”

[strawberry 3.141]

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

[johnnyboy]

This post is deleted!

[strawberry 3.141]

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

[Mykle1]

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

[strawberry 3.141]

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