Calendar Formatting Options
The Calendar Formatting Options in the Date Filter allow users to customize the appearance of various calendar elements. These settings offer options to style the calendar's day view, month view, and header section. Let’s explore each of these in detail below.
Calendar Header Style:
Supported in:❌Slider Calendar✔️Year ✔️Multi Year ✔️Month ✔️Month Range ✔️Week ✔️Day
The Calendar Header Style feature enables users to customize the appearance of the calendar header in the Date Filter.
How to Configure and Use Calendar Header Style
Navigate to the Format Pane:
Date Filter -> Calendar Header Style.
Customize the following options, with settings specific to different calendar modes:
Header Background Color: Set the background color for the calendar header label where the year or month heading is displayed. This Applies to all calendar modes.
Header Color: Choose the text color for the calendar header labels showing the year or month. This Applies to all calendar modes.
Year Item Background Color: Customize the background color for year items in the multi-year calendar mode.
Year Item Text Color: Choose the text color for the year items in multi-year mode.
Selected Year Item Background Color: Select the background color for a selected year item in the multi-year calendar mode.
Selected Year Item Text Color: Customize the text color for a selected year item in the multi-year calendar mode.
Calendar Month Style:
Supported in: ❌Slider Calendar✔️Year ✔️Multi Year ❌Month ❌Month Range ❌Week ❌Day
The Calendar Month Style feature enables users to customize the appearance of the calendar month view.
How to Configure and Use Calendar Month Style
Navigate to the Format Pane:
Date Filter -> Calendar Month Style.
Customize the following color settings, each of which applies to Month, Year and Multiyear calendar modes:
Quarter Background Color: Choose the background color for quarters displayed in the calendar mode where months are shown. This applies to Year and Multiyear calendar modes.
Quarter Text Color: Set the text color for quarters in calendar mode where months are displayed. This applies to Year and Multiyear calendar modes.
Selected Quarter Background Color: Select the background color for a selected quarter in the calendar. This applies to Year and Multiyear calendar modes.
Selected Quarter Text Color: Choose the text color for a selected quarter in the calendar. This applies to Year and Multiyear calendar modes.
Month Background Color: Customize the background color for months in the calendar. This applies to Month, Year and Multiyear calendar modes.
Month Text Color: Set the text color for months in the calendar. This applies to Month, Year and Multiyear calendar modes.
Selected Month Background Color: Choose the background color for a selected month in calendar mode. This applies to Month, Year and Multiyear calendar modes.
Selected Month Text Color: Select the text color for a selected month in calendar mode. This applies to Month, Year and Multiyear calendar modes.
Calendar Day Styles:
Supported in: ❌Slider Calendar ❌Year ❌Multi Year ✔️Month✔️Month Range ❌Week ❌Day
The Calendar Day Style feature allows users to customize the color settings for various elements in the date view across all calendar modes.
How to Configure and Use Calendar Day Style
Navigate to the Format Pane section:
Date Filter -> Calendar Month Style.
The following color settings are available, with options for selecting colors via a dropdown list that opens a pop-up color picker:
Day Header Background Color: Customize the background color of the day headers. This applies to all Calendar modes.
Day Header Color: Set the color of the text in the day headers. This applies to all Calendar modes.
Days Background Color: Choose the background color for the days in the days view of the calendar. This applies to Month Range and Month calendar modes.
Days Text Color: Set the text color for the days in the days view of the calendar. This applies to Month Range and Month calendar modes.
Selected Days Background Color: Customize the background color for selected days in the days view of the calendar. This applies to Month Range and Month calendar modes.
Selected Days Text Color: Set the text color for selected days in the days view of the calendar. This applies to Month Range and Month calendar modes.
Disabled Days Background Color: Choose the background color for disabled days (days that are not selectable) in the days view of the calendar. This applies to Month Range and Month calendar modes.
Calendar Week Mode Styles:
Supported in: ❌Slider Calendar ❌Year ❌Multi Year ❌Month ❌Month Range ✔️Week ❌Day
The Calendar Week Mode Style feature allows users to customize the color settings for various elements in the week calendar mode.
Text Color: Set the text color for the week in the week view of the calendar.
Background Color: Choose the background color for the weeks in the week calendar mode.
Last updated