Navigation
-
Main
- Dashboard No pending orders
- Layouts
- Themes
- Starter kit
- Changelog 4.0
-
Forms
- Form components
- Text editors
- Pickers
- Form layouts
-
Components
- Basic components
- Content styling
- Extra components
- Color system
- Animations
- Icons
-
Layout
- Page layouts
- Sidebars
- Navbars
- Vertical navigation
- Horizontal navigation
- Menu levels
-
Data visualization
- Echarts library
- D3 library
- C3 library
- Google charts
- Maps integration
-
Extensions
- Extensions
- File uploaders
- Event calendars
- Internationalization
-
Tables
- Basic tables
- Grid.js tables
- Data tables
- Data tables extensions
-
Page kits
- General pages
- Service pages
- User pages
- Application pages
- Widgets
Event colors
FullCalendar allows you to change the color of all events on
the calendar using the eventColor option. Also
you can change text, border and background colors for events
in a specific Event Source with
event source options (backgroundColor, color,
textColor and borderColor) and for individual events with
color option, which sets an event's background
and border color. Example below demonstrates event colors
based on a day of the week.
Background events
Events that appear as background highlights can be achieved by
setting an Event Object's rendering property to
background. Background events that are
timed will only be rendered
on the time slots in agenda view. Background events that are
all-day will only be rendered
in month view or the all-day slots of agenda view. Also the
spans of time not occupied by
an event can be colored by setting the
rendering property to
inverse-background.