Our pure JavaScript Scheduler component


Post by michael cohen »

Hello team,
I found how to change styling for non-working days but I need to change it according to condition. Is it possible somehow to set css class for non-working days? Thanks


Post by tasnim »

It's not possible. Scheduler basically only shades weekends, You could just style based on the default cls already used

Like this CSS :

.b-grid-headers .b-sch-nonworkingtime {
  background-color: rgba(152, 70, 70, 0.15);
}

.b-grid-subgrid .b-sch-range {
  background: repeating-linear-gradient(-45deg, rgba(188, 96, 96, 0.05), rgba(188, 96, 96, 0.05) 10px, rgba(152, 70, 70, 0.15) 10px, rgba(152, 70, 70, 0.15) 20px);
}

If you need a different color for different nonworking days you can use timeranges

Please check docs here https://bryntum.com/docs/scheduler/api/Scheduler/feature/TimeRanges

Good Luck :),
Tasnim


Post Reply