Jump to content

Calendar background colors


Recommended Posts



Please advice me how specify the event background colors

where CalendarId property is greather than 3, because his

font color is white and the background too.

I defined 7 calendars in Calendars property.

With CalendarId = 1 the background is blue; with CalendarId = 2, green, and CalendarId = 3, brown.

But CalendarId 4 to 7 the background color is white.

Editing a file of ext-3.3.0 folder may be?



Link to comment
Share on other sites

  • Administrators

Here is the complete CSS:


<style type="text/css">

.ext-ie .ext-color-4-ad,
.ext-opera .ext-color-4-ad {
color: #306da6;

.ext-cal-day-col .ext-color-4,
.ext-dd-drag-proxy .ext-color-4,
.ext-color-4-ad .ext-cal-evm,
.ext-color-4 .ext-cal-picker-icon,
.ext-color-4-x dl,
.ext-color-4-x .ext-cal-evb {
background: #306da6;

.ext-color-4-x .ext-cal-evb,
.ext-color-4-x dl {
border-color: #29527A;



You can add as many as you like by replacing 4s with 5s, 6s, ...


Aboce CSS replicates colors of Calendar1. Change them with your favorite colors.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...