Jump to content

Calendar events color


Recommended Posts

  • 3 years later...

The lack of control of the event font color is really a pain. In a CalendarPanel with 5 Calendars, it chooses bad colors for the events text, making it really difficult to read. Sometimes, it sets the event font color as the same as the background, making it impossible to read.

Does anyone knows a workaround for this problem?

Link to comment
Share on other sites

Yes you can, here is how to do it:


Calendar event color depends on EventID.




id3=.ext-color-3... and so on...


So I add js code, for ecample: Form->UniEvents->beforeinit:

function randomColor() {
    var rgb = [];
    for(var i = 0; i < 3; i++) {
     if(i==1) rgb.push(Math.floor(Math.random() * 50));
     else rgb.push(Math.floor(Math.random() * 255));
     return 'rgb('+ rgb.join(',') + ')';
  for(var i=1;i<200;i++) {
   $("<style type='text/css'> .ext-color-"+i.toString()+"{ color:"+randomColor()+";} </style>").appendTo("head");
  • Upvote 1
Link to comment
Share on other sites

  • 1 year later...

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