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

Scheduler - Change Event Duration Bar Position to Left

Asked by OS Pete
4 years ago.

Hey, I was just wondering if there's any built in way to change the event duration bar of the web forms scheduler to be on the left rather than the top? I wanted to check before I just started hacking away with CSS changes.

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

If you need a simple bar with a specified color then you can use an active area:
https://doc.daypilot.org/scheduler/event-active-areas/

You can also change the position of the duration bar by modifying the CSS theme. The default CSS theme looks like this:

.scheduler_default_event_bar { 
  top:0px;left:0px;right:0px;height:4px;background-color:#9dc8e8;
}
.scheduler_default_event_bar_inner { 
  position:absolute;height:4px;background-color:#1066a8;
}

You can easily move it around but you can't make the "inner" part vertical (it highlights the duration).

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