Calendar: All-Day Events

calendar-allday-new600x66.png

All day events appear in a special row that is be inserted between the days/column headers and the scrolling area.

Rendering rules:

  • If the time component of the DataStartField of DataEndField is specified it is shown in the event detail.
  • The date component of the date fields is used to determine the first and the last day of the event (event taking one day will have the same start and end date).

The start and end date values of the sample events:

Event 12:

  • start: "2007-09-03 00:00:00"
  • end: "2007-09-03 00:00:00"

Event 13:

  • start: "2007-09-03 22:36:00"
  • end: "2007-09-04 22:36:00"

API

DataAllDayField property: Specify the data source column that contains true for all-day events.

  • The following values are recognized as true (case insensitive): "1", "true", "t", "yes", "y".
  • The following values are recognized as false (case insensitive): "0", "false", "f", "no", "n".

ShowAllDayEvents property: Set to true to activate the row that shows all-day events.

AllDayEventHeight property: Set the height of the all-day event box in pixels.

Limitations

  • All-day events cannot be moved.
  • All-day events cannot be resized.
  • All-day events cannot be selected.
  • All-day events cannot be edited inline.

Appearance and Styling

  • Independent font properties:
    • AllDayEventFontColor
    • AllDayEventFontFamily
    • AllDayEventFontSize

All-day events can be styled using CSS classes.

DayPilot for ASP.NET, DayPilot for Java