Our pure JavaScript Scheduler component


Post by sufianh »

The color of the events with rounded style has a built in opacity that makes the color a lot lighter.

When I remove the rounded style, the color goes back to normal.

Here is how I set the color of the event:

          return {
            id: data.Indx, startDate: data.TripBeginDate, endDate: data.TripEndDate, durationUnit: 'm',
            name: data.BusId, fromPlace: data.FromPlace, toPlace: data.ToPlace,
            resourceId: data.BusId, resizable: false,
            
eventColor: '#9AD0FF', eventStyle: 'rounded' }

How can I remove the opacity?


Post by alex.l »

Hi, you need to override CSS. Try to inspect elements with DOM inspector of Dev Tools to see styles and classes you need.
There is a parameter

    --event-background-l: 80%;

for .b-sch-event-wrap.b-sch-style-rounded>.b-sch-event that you may override to have no opacity.

All the best,
Alex


Post Reply