Bullet Color in Month view

Ask for help related to our Calendar 2.x version
Post Reply
User avatar
b.wust
Premium Member
Premium Member
Posts: 70
Joined: Fri Mar 11, 2011 12:37 pm

Bullet Color in Month view

Post by b.wust »

Hi,

in Month view the Bullet Color is Always White for full day Events. For normal the Color is shown correct.
bryntum2.png
bryntum2.png (72.13 KiB) Viewed 2185 times
I tried to set the correct Color with the eventRenderer (https://www.bryntum.com/docs/calendar-for-extjs/#!/api/Cal.panel.Calendar-cfg-eventRenderer) but was not able to set my own Colors or the Color from Calendar.

Is there an example how to set bullet Colors ?

User avatar
mats
Core Developer
Core Developer
Posts: 16563
Joined: Sat Dec 19, 2009 11:41 pm
Location: Sweden
Contact:

Re: Bullet Color in Month view

Post by mats »

How did you try to set your color? This is how its styled out of the box:

Code: Select all

<span class="cal-event-bullet" style="color: #ffc107;"></span>
Tired of debugging javascript errors in web applications? Try our new error logging service RootCause, or read more on the Sencha blog

@bryntum
Facebook
API documentation

User avatar
b.wust
Premium Member
Premium Member
Posts: 70
Joined: Fri Mar 11, 2011 12:37 pm

Re: Bullet Color in Month view

Post by b.wust »

I tried a lot of different Things with the eventRenderer. But i was only able to change the Backgroundcolor
from the bullet.

Code: Select all

    eventRenderer : function (event, resource, metaData) {
    	metaData.bulletBackgroundColor = resource.data.Color;
    }

User avatar
Maxim Gorkovsky
Core Developer
Core Developer
Posts: 3275
Joined: Wed Jan 08, 2014 11:46 am

Re: Bullet Color in Month view

Post by Maxim Gorkovsky »

Hello.
I see that multiday events have a following style

Code: Select all

.non-scheduler-template.cal-event.cal-event-multiday .cal-event-bullet { color: #fff !important }
I opened a ticket to fix that: https://app.assembla.com/spaces/bryntum/tickets/9484-investigate-usage-of-!important/details Thank you for report!

I can recommend either to modify sass/css of the calendar package, or set bullet color like this:

Code: Select all

eventRenderer : function (event, resource, metaData) {
        metaData.bulletColor = resource.data.Color + ' !important';
    }
    

User avatar
b.wust
Premium Member
Premium Member
Posts: 70
Joined: Fri Mar 11, 2011 12:37 pm

Re: Bullet Color in Month view

Post by b.wust »

Thank you, with important it is working fine to set the Bullet Color correctly.

Post Reply