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

Are we able to change the bar width?

Asked by JC
4 months ago.

Take this code:
if (args.e.type == "pending") {
args.e.barColor = "#c5003b";
args.e.barBackColor = "#c5003b";
We need to change the that appears on the left to be a bit wider. ie. something like
args.e.barWidth = "12px";

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

You can change the bar width using CSS:

.wider-bar .calendar_default_event_bar,
.wider-bar .calendar_default_event_bar_inner {
  width: 12px;

And add the "wider-bar" CSS class to the event:

dp.onBeforeEventRender = args => {
  if (args.e.type == "pending") {
    // ... = "wider-bar";
This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.