DayPilot.Calendar.columnMarginLeft

The columnMarginLeft property (number, in pixels) sets the width of the space that will be left free on the left side of every column of the JavaScript Calendar component. This space will not be used by events and it lets you start a time range selection in time slots that would otherwise be hidden by event boxes.

Declaration

DayPilot.Calendar.columnMarginLeft

Default Value

0

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  columnMarginLeft: 10,
  // ...
});
calendar.init();

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>

config: DayPilot.CalendarConfig = {
  columnMarginLeft: 10,
  // ...
};

React

<DayPilotCalendar
  columnMarginLeft={10}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :columnMarginLeft="10"
  <!-- ... -->
/>

See Also

• Columns [doc.daypilot.org]

• Time Range Selecting [doc.daypilot.org]

• DayPilot.Calendar Class