Screen: Title/Subtitle/Calendar
В
Автор: Валерия Зимницкая
Обновлено больше недели назад

Screen identification in the theme template

The distinctive visual feature of this screen in the range of screens in the theme template is the presence of the calendar.

The default design of the Title/Subtitle/Calendar screen contains the following parameters:

  1. Title and Subtitle

  2. Switched off Header

  3. Calendar presence

  4. Calender depicts 3 months in the screen only: previous, current, and future.

  5. No tables with a selection

  6. No colored icons

List of parameters presented in Screen: Title/Subtitle/Calendar

  • Background

  • Basic Configuration

  • Navigation Bar/Header

  • Title

  • Subtitle

  • Calendar

  • Footer Button

📢 Please note that all parameters can be customized and switched off or on depending on your app design.

Here, you may see where these parameters are displayed in the screen precisely.


Screen peculiarities and functions

1. Navigation bar, or Header parameter display with Calendar

By default, the Navigation Bar, or Header, is not displayed in the screen; however, it can be easily switched on or off by checking/unchecking the boxes at your discretion. It consists of 3 parameters to be customized:

  1. Back Button

  2. Progress Bar

  3. Skip Button

These buttons can be entitled differently, if required, in the corresponding field. Moreover, each parameter contains its own customization tools.

2. Title/Subtitle parameters display with Calendar

To save some space in the screen, you may also work with the text lines by removing Title or Subtitle parameters or even both. To remove those parameters, the text itself should be deleted in the corresponding parameter field below:

Please pay attention to how the screen design changes in such cases:

No Title
Subtitle

Title

No Subtitle

No Title

No Subtitle

3. Footer parameter display with Calendar

In the Footer parameter, you may either switch on the Footer button and/or Log in button or switch them off (both or only one per your choice).

Footer Button

No Log in Button

Footer Button

Log in Button

No Footer Button

Log in Button

No Footer Button

No Log in Button

All the settings can be adjusted and customized in the Settings sign of the corresponding button field.

4. Screen Background display with Calendar

Before customizing the Calendar parameter itself, there are possibilities to install the required design for the whole screen.

Color Background

Image Background

Video Background

⚠️ The Background parameter does not merge or affect the Calendar background, as these are 2 separate settings for customization.

Calendar Functionality

Background Color

By default, the Calendar does not have a background color switched on, which means the Calendar background obtains the installed parameters of the screen background. However, the Calendar can be highlighted with its own background color.

⚠️ Please note the Calendar Background can be changed only in color while no images or videos are available for that tool.

Please study the difference between the switched-off and switched-on backgrounds for the Calendar.

Screen Background: Image

Calendar Background: off

Screen Background: Image

Calendar Background: on

Header background color

Like a Calendar background color, the header background color in the Calendar parameter is not switched on by default.

The Header background color includes the bar with the abbreviations of weekdays depicted on top of the Calendar.

Header background color: off

Header background color: on

Header label

The Header Label tool in the Calendar parameter helps set the text font, its size, text alignment, and color (of text and of background either) for the weekdays only.

📢 Please note that if you need to customize the weekends in the calendar, you should work with the Header weekend label tool!

Header weekend label

The same customization can be applied to the weekend days to set up the appropriate text font, size, text alignment, and color (of text and of background either).

📢 Please note that if you need to customize the weekdays in the calendar, you should work with the Header label tool!

Month label

There is a possibility to install the required design for the months' field in the calendar screen by customizing the text font, size, text alignment, and color (of text and of background either).

📢 Please note the settings can be applied only to all months despite the current one since it requires the Current month label customization.

Current month label

To highlight the current month in the calendar, please focus on the Current Month Label, where the settings of the text font, size, text alignment, and color (of text and of background either) for the current month are available.

📢 Please note this parameter customization is not applicable for the rest of the months in the calendar.

Weekend label

To differentiate the weekend dates from the weekday dates, you should install the settings for the weekend label where you set up the text font, size, text alignment, and color (of text and of background either).

Selected weekend label

To customize the selected days of weekends, pay attention to the parameter the Selected weekend label, where you will find settings for the text font, size, text alignment, and color (of text and of background either). The unselected and selected checkboxes of weekend color design and their form are placed in a separate field and settings sign as depicted in the screenshot.

Past label

The separate customization for the previous month is possible in the Past label parameter of the calendar, where you can set up the weekday design only, not weekends.

📢 Please note the selection of days is not possible in the previous month!

Today label

The separate field for the current day of the calendar is embedded for customization, where you can design the same settings as in the previous calendar parameters: the text font, size, text alignment, and color (of text and of background either).

Today selected label

To customize the settings for the current selected label, set up necessary settings in the Today selected label, where you can also specify the color and form of the selected/unselected checkbox.

Future label

To highlight the future weekdays only in the calendar, please focus on the parameter of the future label.

Future selected label

The future weekdays can also be customized in design in the Future selected label parameter where you can find all the same necessary settings.

Нашли ответ на свой вопрос?