# Event Display

How to control the appearance of events on your calendar.

## Articles

- [eventColor](eventColor.md) - Sets the color for all foreground events on the calendar. It does NOT apply to background events.
- [eventContrastColor](eventContrastColor.md) - Sets the contrast color for all events on the calendar. Used to color text and other elements that need to be visible against the event's background.
- [eventDisplay](eventDisplay.md) - Controls which preset rendering style events use. Possible values:
- [eventTimeFormat](eventTimeFormat.md) - Determines the time-text that will be displayed on each event.
- [displayEventTime](displayEventTime.md) - Whether or not to display the text for an event's date/time.
- [displayEventEnd](displayEventEnd.md) - Whether or not to display an event's end time.
- [nextDayThreshold](nextDayThreshold.md) - When an event's end time spans into another day, the minimum time it must be in order for it to render as if it were on that day.
- [eventOrder](eventOrder.md) - Determines the ordering events within the same day.
- [eventOrderStrict](eventOrderStrict.md) - Ensures the eventOrder setting is strictly followed.
- [eventSlicing](eventSlicing.md) - Controls whether multi-day events can be visually split when a "+more" link interrupts them in DayGrid.
- [progressiveEventRendering](progressiveEventRendering.md) - When to render multiple asynchronous event sources in an individual or batched manner.
- [backgroundEventColor](backgroundEventColor.md) - Sets the color for all background events on the calendar.
- [Event Render Hooks](event-render-hooks.md) - Customize the rendering of foreground events (NOT background events) with the following options:
- [Block Event Render Hooks](block-event-render-hooks.md) - Customize rectangular color-filled events — essentially all non-list events. These hooks apply in addition to the general Event Render Hooks. For more targeted hooks, see Row Event Render Hooks and Column Event Render Hooks.
- [Row Event Render Hooks](row-event-render-hooks.md) - Customize rectangular color-filled events that render horizontally — all-day events in DayGrid and TimeGrid views, as well as Timeline events. These hooks apply in addition to the general Event Render Hooks and Block Event Render Hooks.
- [Column Event Render Hooks](column-event-render-hooks.md) - Customize rectangular color-filled events that render vertically — timed events in TimeGrid view. These hooks apply in addition to the general Event Render Hooks and Block Event Render Hooks.
- [List Item Event Render Hooks](list-item-event-render-hooks.md) - Customize bullet-point style events — timed events in DayGrid view and events in List view. These hooks apply in addition to the general Event Render Hooks.
- [Background Event Render Hooks](background-event-render-hooks.md) - Customize the rendering of Background Events:

## Demos

- [Event color customization](event-colors-demo)
- [Event tooltip with eventDidMount](event-tooltip-demo)