Tabs are used for organization of the CPQ user interface and are the main holders of content. All parameters and panels (price list panels, text panels, graphics panels etc.) are presented on tabs in the user interface.
Display styles
Tabs are flexible and can by displayed in different ways. There are six Display types which represents different visual layouts in the user interface:
Display style |
Description |
|---|---|
Normal |
The tab is presented as a page with a handle for opening it, much like a tab of a web browser. This is the default display style. Since Combinum has a responsive user interface Normal tabs are turned into Accordion tabs on cell phones for better user experience. |
Separate |
The tab is fixed and always visible in the user interface. Its position and size is controlled by Seperated tab position, Separated width and Separated height. |
Hidden |
The tab is not visible in the user interface, but its parameters are anyway an active part of the configuration. |
Accordion |
Accordion tabs are vertically stacked on the left or right side of the user interface. |
Accordion header |
A sticky accordion tab that is always open. |
Accordion children |
An accordion tab for showing child configurations. The product of the child configurations is controlled by Child product. |
Settings
Tabs have the following settings:
Setting name |
Description |
|---|---|
Title |
Title of tab displayed in the CPQ app. |
Inclusion expression |
Expression to control the visibility of tabs of other display styles than Hidden. See below. |
Icon |
Icon displayed in the CPQ app for representation of the tab. |
Display style |
Visual layout when displayed in the CPQ app. |
Separated tab position |
Position of tab with Separate as display style. The alternatives are Bottom, Left, Right and Top. |
Handle title |
Title on the handle of the slide-out-tab that is used for separated tabs on cell phones. |
Separated width |
Width of a tab with Separate as display style and Left or Right as separated tab position. |
Separated height |
Height of a tab with Separate as display style and Top or Bottom as separated tab position. |
Hiding tabs
A tab can be hidden in two different ways, either by selecting Hidden as Display style or by setting an Inclusion expression. Tabs that are hidden by the display style are always hidden, tabs that are hidden by inclusion expressions are hidden when the expressions are evaluated to false.
No matter why a tab is hidden, it's only the visibility for the logged in user that is affected. Parameters on hidden tabs are still an active part of the configuration.
There are three common reasons for using hidden tabs:
•Complex rules might require extra parameters for intermediate storage of information that isn't of relevance to the user, see the rule example Calculated suggestions.
•Preparation of new options might require addition of parameters that shall be hidden to normal users until their official release.
•Administrators might have the need to see live calculated data like attributes or bill of materials while testing a configuration model.
Make a hidden tab visible for administration
Many times, it can be an advantage for administrators to see hidden tabs for debugging purposes. This can be achieved by setting the inclusion expression to one of the expressions below:
User("Administrator") = "True"
Returns true if the user is an administrator.
InAdminSite()
Returns true if current site is an administration site, i.e. the staging site where changes in configuration models, done using Architect, are tested before being published to the production site.
