DayPilot.Calendar.headerTextWrappingEnabled

The headerTextWrappingEnabled property (boolean) enables text wrapping for column headers in the JavaScript Calendar component.

Available since version 2022.3.5368.

Declaration

DayPilot.Calendar.headerTextWrappingEnabled

Default Value

false

Notes

Header text wrapping is disabled by default.

If you use automatic header height adjustment, wrapping needs to be enabled so the header text can expand to multiple lines.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  headerTextWrappingEnabled: true,
  // ...
};

React

<DayPilotCalendar
  headerTextWrappingEnabled={true}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :headerTextWrappingEnabled="true"
  <!-- ... -->
/>

See Also

Column Header Customization [doc.daypilot.org]

Time Header [doc.daypilot.org]

Header Date and Time Format [doc.daypilot.org]

DayPilot.Calendar Class