Calendar, Events, Backround color dont work!!

Flow
1

Hi all

I created two styles for Calendar Events like this:

Hi all.

I created two styles to add icons to Calendar Events like this:

v-calendar .v-calendar-event-testcolor {
background-color: #FFCC66;
background-image: url(http://lansa.robinsonmfg.com/LANSAIMG/libs_tmp/jqmobile/1.4.5/themes/default/images/icons-png/carat-l-black.png);
background-repeat: no-repeat;
}

.v-calendar .v-calendar-event-testcolor-
all-day {
background-color: #D666FF;
background-image: url(http://lansa.robinsonmfg.com/LANSAIMG/libs_tmp/jqmobile/1.4.5/themes/default/images/icons-png/carat-l-black.png);
background-repeat: no-repeat;
}

Dont look at options of Image, and repeat.
See attachment 4-no-repeat.png

The problem is, that in Day view and Week view Events are colored only in border from right side. WHY?

In Month view, Events are colored good.

Any advices, ideas why it happend?

Regards
Darek
29542.png

2

Hi all.

I realized that color in day view and week view depends on something like Calendar Type. (Work, Personal, Hobbies, Family to choose in default)
In month view it is represented by litle colored dot on left side of event.

Calendar Type i mean look at attachment type_calendar.png.

How can i styling this options??
What i mean?

How to styling, how to change color of this Event options? ((Work, Personal, Hobbies, Family to choose in default))

How to set color red to Work ?
How to set color blue to Personal?
How to set color green to Family?

Etc…

And How to add another one option to choose there for exeample Free Time.

Thank you for any advices, clues.

Regards
Darek.
29544.png

3

Hi Dariusz,

Can you share your code and styles or test project in the post or e.g. in GitHub? I can then try to help you.

BR. Johannes