Display lines for 30 mins and hour cells when using Scheduler group by hour

Asked by Nirav Upadhyay
9 years ago.

Hi,

I have a scheduler which has below configuration. I want to display dotted lines for 30 minutes cell for all rows and solid lines for hour cells for all rows. I don't find any direct possible way to do this as these are vertical lines and can't do much changes as they get added dynamically. Please do the needful
cellDuration: 15,
timeHeaders: [
{ groupBy: "Hour" }
],
days: 1,

Regards,
Nirav

Answer posted by Dan Letecky [DayPilot]
9 years ago.

1. You can override the default vertical line style to dotted using CSS. This works for the default theme ("scheduler_default"):

.scheduler_default_matrix_vertical_line { background-color: inherit; box-sizing: border-box; border-left: 1px dotted #eee; }

2. Then you can add custom separators at times where you want to display solid lines:

separators: [
  {color:"#eee", location:"2017-01-01T00:00:00"},
  {color:"#eee", location:"2017-01-01T01:00:00"},
  // ...
]

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.