DayPilot.Calendar.onColumnResized

The onColumnResized event handler fires when the user completes drag-and-drop resizing of a calendar column, after the new width has already been stored.

Available since 2022.3.5377.

Declaration

DayPilot.Calendar.onColumnResized(args)

Parameters

• args.column - information about the resized column

• args.newWidth (number) - new width of the resized column in pixels

Notes

At this point, DayPilot.Calendar.columns.list already contains the updated width values. Use DayPilot.Calendar.onColumnResize(args) if you need to cancel the resize before the new values are stored.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  onColumnResized: args => {
    console.log(args.column.id, args.newWidth);
  },
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  onColumnResized: args => {
    console.log(args.column.id, args.newWidth);
  },
  // ...
};

React

<DayPilotCalendar
  onColumnResized={onColumnResized}
  {/* ... */}
/>

const onColumnResized = (args) => {
  console.log(args.column.id, args.newWidth);
};

Vue

<DayPilotCalendar
  @columnResized="onColumnResized"
  <!-- ... -->
/>

const onColumnResized = (args) => {
  console.log(args.column.id, args.newWidth);
};

See Also

DayPilot.Calendar.onColumnResize

DayPilot.Calendar.columns.list

DayPilot.Calendar Class