Pages, screens and pop-ups | Cover screen

To configure the properties of a cover screen, select it by clicking on it or from the breadcrumb trail. Then, in the "Properties" tab, determine its parameters.

There are four presets or cover styles, and each of them has different properties.

Basic cover
Cover with title on the left
Cover with title on the right
Free cover

Basic cover page

This is the simplest cover page, which has a colored background, the title of the unit and a button to continue.

To configure it you must:

Select and write the title of the unit. This is an editable text on the screen.
Select and write the text of the button to start the unit. By default, the text "Enter" appears, but you can customize it, it is an editable text on the screen.
Configure the properties of the screen.

PROPERTY

DESCRIPTION

Title

Title of the screen to be displayed in the main menu.

Page background color

Customize the background color of the screen, choosing from a list of predefined colors or manually adding a color in hexadecimal format.

Show in menu Allows you to decide whether or not the screen will be displayed in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component.

Overcome target

This property currently has NO USE. It is recommended not to use it. Allows to modify the configuration of the overcoming targets of this particular component, making it behave differently from the general configuration set. You can choose between:

Inherited: applies the default value that has been defined in the unit's target configuration area (See here).
Not objective: the component will not be an objective to overcome to finish the unit.
Visit: it is required to visit the screen to reach the unit objectives.

Title page with title on the left

To configure this page style you must:

Select and write the title of the unit. This is an editable text on the screen.
Select and write the text of the button to start the unit. By default, the text "Enter" appears, but it can be customized, it is an editable text on the screen.
Configure the properties of the screen.

PROPERTY

DESCRIPTION Style

Allows to change the color of the left zone, where the title is placed:

Primary Color: Applies the color indicated in the "Primary Color" property of the interface.
Secondary color: Applies the color indicated in the "Secondary color" property of the interface.

See here to see how the interface colors are configured.

Title Title of the screen to be displayed in the main menu.

Logo (220x50)

Allows to add the customer's logo on the title of the unit.

Screen background color

Customize the background color of the screen, choosing from a list of predefined colors or manually adding a color in hexadecimal format.

Only applies if there is no "Background Image".

Background image Allows to replace the "Page background color" with an image. Background image on mobile Allows you to set an image that will only be displayed on devices with resolution less than 770px wide. From this resolution, the background image is not seen to the right of the title, but is seen in the upper area, so it may be interesting to have a different image for large screens (PC) and another for devices with small screens (tablets or SmartPhones). Show in menu Allows you to decide whether or not the screen will be shown in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component.

Overcome target

Allows you to modify the configuration of the overcoming targets of this particular component, making it behave differently from the general configuration set. You can choose between:

Inherited: applies the default value that has been defined in the unit's target configuration area (See here).
Not objective: the component will not be an objective to overcome to finish the unit.
Visit: it is required to visit the screen to reach the unit objectives.

Title page with title on the right

To configure this page style you must:

Select and write the title of the unit. This is an editable text on the screen.
Select and write the text of the button to start the unit. By default, the text "Enter" appears, but it can be customized, it is an editable text on the screen.
Configure the properties of the screen.

PROPERTY

DESCRIPTION Style

Allows to change the color of the left zone, where the title is placed:

Primary Color: Applies the color indicated in the "Primary Color" property of the interface.
Secondary color: Applies the color indicated in the "Secondary color" property of the interface.

See here See here to see how the interface colors are configured.

Title Title of the screen to be displayed in the main menu.

Logo (220x50)

Allows to add the customer's logo on the title of the unit.

Screen background color

Customize the background color of the screen, choosing from a list of predefined colors or manually adding a color in hexadecimal format.

Only applies if there is no "Background Image".

Background image Allows to replace the "Page background color" with an image. Background image on mobile Allows to set an image that will only be displayed on devices with resolution less than 770px wide. From this resolution, the background image is not seen to the right of the title, but is seen in the upper area, so it may be interesting to have a different image for large screens (PC) and another for devices with small screens (tablets or SmartPhones). Show in menu Allows you to decide whether or not the screen will be shown in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component.

Overcome target

This property currently has NO USE. It is recommended not to use it. Allows to modify the configuration of the overcoming of targets of this particular component, making it behave differently from the general configuration set. You can choose between:

Inherited: applies the default value that has been defined in the unit's target configuration area (See here).
Not objective: the component will not be an objective to overcome to finish the unit.
Visit: it is required to visit the screen to reach the unit's objectives.

Free cover

This cover page allows to freely customize the components that you can add on the cover page. You can add :

Texts
Highlights (and inside, Rows, so you can add virtually any component inside (videos, etc.).
Images
Separators

As for its properties, you can configure the following:

PROPERTY DESCRIPTION

Title

Title of the screen that will be shown in main menu. Screen background color Customize the screen background color, choosing from a list of predefined colors or manually adding a color in hexadecimal format.

Only applies if there is no "Background image".

Background image Allows to replace the "Page background color" with an image. Background image on mobile Allows you to set an image that will only be displayed on devices with resolution less than 770px wide. From this resolution, the background image is not seen to the right of the title, but is seen in the upper area, so it may be interesting to have a different image for large screens (PC) and another for devices with small screens (tablets or SmartPhones). Background type Allows you to decide whether to repeat the background image.
- Repeat background. Places the image at its actual size and repeats it as many times as necessary until it covers the entire screen. Useful for creating image patterns with small images.
- Do not repeat background. Resizes the image so that it fills all available screen space. Width Defines the width of the center column, using a system similar to clothing sizing: from XS (extra-small) to XXXL (triple extra-large). Show in menu Allows you to decide whether or not the display will be shown in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component. Overcome target Allows you to modify the configuration of the overcoming of targets for this particular component, making it behave differently from the general configuration set. You can choose between:

Inherited: applies the default value that has been defined in the unit's target configuration area (See here).
Not objective: the component will not be an objective to overcome to finish the unit.
Visit: it is required to visit the screen to reach the objectives of the unit.