DayPilot.Scheduler.eventHtmlRightMargin

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

Declaration

DayPilot.Scheduler.eventHtmlRightMargin

Default Value

20

Notes

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

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

DayPilot.Event.data

DayPilot.Scheduler Class