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.

Storing start and end dates

The AllDayEnd property lets you specify whether the start and end date in all-day events use date only or full date and time information.

AllDayEnd="Date"

Use the date part only.

This is how a one-day all-day event would be stored:

  • start=2007-01-01
  • end=2007-01-01

AllDayEnd="DateTime"

Use the exact date time value.

This is how a one-day all-day event would be stored:

  • start=2007-01-01T00:00:00
  • end=2007-01-02T00:00:00

See also:

Showing the time

The ShowAllDayEventStartEnd property lets you specify whether the start and end time should be visible in the event box.

  • Default value is "true".
  • The "~" character indicating the the event spans to another day is always visible.

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 WebForms, DayPilot for ASP.NET MVC, DayPilot for Java