Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Calendar, Events, Backround color dont work!!
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
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.
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