Contents

Interface structure

Visual result

Scenarios management

Customizations

Interface structure


The creation of a “Classic” interface is designed to run on a 4 levels (from top to bottom):

  • 1st level: only icons (from Icons tab) or scenarios (from My components tab). This is the starting point of all the structure;
  • 2nd level: only icons (from Icons tab) or scenarios (from My components tab). This level can be used or can be skipped;
  • 3rd and 4th level: only components or scenarios (from My components tab). Both levels filled depending on necessities.

2015-08-31_12-57-48

The creation of the Classic interface provides a pyramid structure: to each selected object of a more higher level correspond a specific understructure.

2015-08-31_15-27-161     2015-08-31_15-28-24

Visual result


Below it is possible to see the visual result of what we have just created. Form left to right is an overview of all the levels from the first to the last one. As we said, first and second levels allows to categorize, third and fourth levels, instead, are dedicated to the components control, each one with its own defined command icon. In order to get an idea of the visual result of each component please refer to the dedicated component’s guide starting from “Components library” guide.

2015-08-31_16-23-242015-08-31_16-23-432015-08-31_16-23-582015-08-31_16-24-46

Scenarios management


A specific exception is done for Scenario component: scenarios can be placed on each level but the visual result is different. If scenario component is placed on first and second levels its icon can be customized. If scenario component is placed on the third level its icon will be the one chose by default from the system (the star).

Scenario on 1st level
Scenario on 2nd level
Scenario on 3rd level

Customization


The creation of a Classic interface saves a lot of time regarding the personalization since the choices are reduced to benefit a very organized and easy insight interface for anyone. It is still possible to make customizations as regards the choice of the icon, the color and the text of each object. To do this just do double click on the specific icon and the icon editor window will appear to let you make changes.

Note. When considering a component, any change made on the Interface tab (name and icon) will not be considered on the Component’s tab. Vice versa, if you edit components’ name and icon from the Component’s parameters area of the Component’s tab, the change will automatically be considered on your user interface. Please refer to “Component’s parameters” guide.

Well done, keep learning!

Our suggestion for your next lesson: