Appearance
This section of the property panel is related to styling and formatting options. It's sub-divided into the following parts.
![]() |
General
![]() | General section is Qlik's native collection of titles, sub-titles and footers.
Show allows users to choose to view details, such as descriptions, measures and dimensions. |
Calendar Appearance
![]() ![]() ![]() | Here you can modify the appearance and show or hide different parts of the calendar.
Show/Hide additional input boxes when the calendar is expanded to present the selected dates.
Set the background color of the calendar body
Show/hides the border on the calendar body. You can also set the border width, color and radius.
Show or hide the control panel and if displayed, position it either on the left hand or right-hand side. The control panel includes pre-defined date ranges. |
Cell Background
![]() ![]() | This section covers how the cell (calendar days) background is formatted in the calendar body. You can choose between standards Qlik styling, which uses its proprietary grey/white/green logic to indicated excluded, possible and selected days. Alternatively, you can define a custom formatting. When you choose custom formatting, you've got the following options to style:
Default Background Color for all Days
Change Qlik's selected "green" to a different color.
Background color of a date cell when you hover over it.
Background color of today's date cell. |
Cell Text Color
![]() | Same as with the background color, this section covers how the cell (calendar days) text color is formatted in the calendar body. You can choose between standards Qlik styling, which uses its proprietary grey/white/green logic to indicate excluded, possible and selected days. Alternatively, you can also format the calendar with custom settings.
Default Text Color for all Days
Text Color for selected values
Text Color for hovered values
Text color of today's date cell. |
Cell Border
![]() | This section allows you to set a border around the dates, and define the width, color and rounding of them. |
Date Range Buttons
![]() ![]() | This section allows you to change the styling of the date range selector buttons (background, font color, border size and border radius). |
Size
![]() | This section covers the cell sizes and as such the size of the whole calendar body.
Defines the Font Size of the calendar days
Defines how much space should be left between the individual dates.
This option sets whether the size of the calendar should be picked automatically based on the size of the extension. Alternatively, also set a fixed calendar size.
Define the radius of the cells and make it look like a circle. |