Reducing Timeline Column Width

Event calendars & schedulers
1

Hello,
I’ve like to be able to see a full month of the timeline view on a 1920px wide screen, but I’m getting scroll bars when I go under 2205px wide. I’ve tried to find the appropriate class to adjust the column width in CSS but so far no luck getting both the timeline cells and the header to shrink correctly.

Thanks in advance for your assistance.

2

Hi Marty,

The width of the columns are defined in css. You can use custom css to override the default widths of the columns.

Here is an example:

/ Reduce the width of the time columns */
.mbsc-timeline-column,
.mbsc-timeline-header-column,
.mbsc-timeline-day-month {
  width: 1.5em;
}

/* Reduce the width of the resource column */
.mbsc-timeline-resource-col {
  width: 100px;
}