Vizlib Community

Submit a ticket Sign in
Welcome
Login

Vizlib Calendar - Appearance

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

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.

  • Selected Date(s)

Show/Hide additional input boxes when the calendar is expanded to present the selected dates.

  • Calendar Background

Set the background color of the calendar body

  • Border

Show/hides the border on the calendar body. You can also set the border width, color and radius.

  • Control Panel

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 Color

Default Background Color for all Days

  • Selected Color

Change Qlik's selected "green" to a different color.

  • Hovered Color

Background color of a date cell when you hover over it.

  • Today Color (Advanced Mode)

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 Color

Default Text Color for all Days

  • Selected Color

Text Color for selected values

  • Hovered Color

Text Color for hovered values

  • Today Color (Advanced Mode)

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.
The following options are available:

  • Cell Font Size

Defines the Font Size of the calendar days

  • Gap between cells

Defines how much space should be left between the individual dates.

  • Auto size

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.

  • Cell border radius

Define the radius of the cells and make it look like a circle. 

V
Vizlib is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.