search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

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

Asked by Nirav Upadhyay
5 years ago.


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,


Answer posted by Dan Letecky [DayPilot]
5 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"},
  // ...

See also:

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