DayPilot.Scheduler.eventHtmlLeftMargin

The eventHtmlLeftMargin property (number) specifies the distance between the main event box and the additional HTML displayed on its left side. The additional HTML content can be set using the htmlLeft field of the DayPilot.Event.data object.

Declaration

DayPilot.Scheduler.eventHtmlLeftMargin

Default Value

20

Notes

Use this property to adjust the spacing reserved for the extra content rendered from htmlLeft without changing the main event box content.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  eventHtmlLeftMargin: 10,
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  eventHtmlLeftMargin: 10,
  // ...
};

React

<DayPilotScheduler
  eventHtmlLeftMargin={10}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :eventHtmlLeftMargin="10"
  <!-- ... -->
/>

See Also

DayPilot.Event.data

DayPilot.Scheduler Class