Information Components
legendBar
OVERVIEW
This bar gives a legend of the different pictograms used in the pages.
ATTRIBUTES DETAILS
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| mode: legedBar visible or not | on / off | |
| widthPercent: percentage of occupancy in the total width of the container/page | #IMPLIED | |
| heightPercent: percentage of occupancy in the total height of the container/page | #IMPLIED | |
| autoSize | ||
| hzAlignment: gives the horizontal alignment of the box in its container/ page | left / right / center / justified | |
| vtAlignment: gives the vertical alignment of the box in its container/ page | up / down / middle / distributed | |
| titleTranslationName: identifier of the translation used to give the title of the box | #IMPLIED |
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| columnCount: gives the number of columns of the legend. | #IMPLIED | |
| keyBoardNav: keyboard Navigation activated or not | on / off | |
| status (repeatable section) | identifies resource names associated to each status | |
| statusName: name of the status (‘EMPTY’ status goal is to insert empty cells in the legend bar) | COMPLETED / UNCOMPLETED / OPTIONAL / ERROR / MANDATORY / INFO / EMPTY | |
| statusResourceName: identifier of the icon associated to the status | #IMPLIED | |
| statusTranslationName: identifier of the translation used to give a status description. | #IMPLIED |
Example:
XML Sample
<legendBar mode="on" cssName="legendBar" titleTranslationName="legendBarTranslationName" autosize="off" widthPercent="35" heightPercent="100" hzAlignment="right" vtAlignment="up" columnCount="3">
<status statusName="UNCOMPLETED" statusResourceName="legendBar.status.uncompleted" statusTranslationName="status.uncompleted" />
<status … />
</legendBar>
VISUAL IDENTITY
informationFlyer
OVERVIEW
The informationFlyer display messages coming from the Configurator Engine. It can be execution messages, BRC explanations, runtime exceptions.
These messages are classified in several categories:
- engineMessages_model
- engineMessages_warning
- engineMessages_error
- engineMessages_fatal
- businessMessages_businessExplanations
- businessMessages_blockingBusinessExplanations
- businessMessages_informativeBusinessExplanations
- businessMessages_domainExplanations
- businessMessages_domainValidation
- quoteMessages_error (messages returned by Quote when adding an item to the quote for example)
- uiMessages_info
- uiMessages_warning
- uiMessages_error
- uiMessages_fatal
Each category of message gathers a set of IDs (one per message) that can be raised by the Configurator engine.
This classification can be found in the 'message category file'. The description and translation of the messages can be found (depending on the language) in the 'translated message resource files'
Warning:
The message categories file (messageCategories.xml) and the translated message resources files (messagesResource.properties, messagesResource_en.properties...) .can be found on the CPQ server in the following folder: $cpq_home_folder$/conf/messages
In the information Flyer (as well as in the informationBox), it is possible to activate/deactivate a category of messages in order to allow/prevent them from being raised in the Configurator UI.
Warning:
The way information messages are consumed by the userInterface depends whether the message persistence is activated (common.message.persistence=true in cameleon.properties).
If the persistence is not active, messages are consumed on the fly by the user interface. There is no way to display the list of current messages.
If the persistence is active, all the businessExplanations are stacked and the flyer can be called on demand via the OPEN_FLYER action.
Tip:
When using Rich Business Explanation messages, CPQ UI is able to display the message associated to the business explanation, as well as its criticality. Moreover, if a redirection Form Property has been associated to the message, an action allows the user to be redirected to the specified FP.
Example:
In the case of a Configurable Bundle, the informationFlyer behaves a bit differently, in the sense that it primarily focuses on businessMessages_blockingBusinessExplanations and businessMessages_informativeBusinessExplanations categories. Also, the redirection points at a Selection Group or a Selection.
Example
- How to modify a default error message?
- Identify the message you want to modify (MyModifiedMessageID) thanks to its category/default translation in the 'message category file'.
- Depending on the language, in the
<localizedTranslations>section, create a new translation for the message: MyModifiedMessageIDMy custom error message
When an error message is raised by the engine, the Configurator will first check if some translation is present in the confUI.xml file; if not, it takes the default translation in the messagesResource.properties file.
- What is a statusFlyer?
The statusFlyer is a kind of the informationFlyer which is by default activated
- when the message persistence is activated
- And when the businessMessages_businessExplanations type of message is activated on the informationFlyer of the current configurationPage
It has no XML description in the layout file.
Its goal is to display all businessExplanations related to the currently selected formProperty (if any) when the end-user clicks on the status icon of the formPropertyBox.
ATTRIBUTES DETAILS
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| mode: informationFlyer visible or not | on / off | |
| name: identifier of this information Flyer | #IMPLIED |
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| resizable: flyer resizable or not on | off | |
| titleTranslationName: identifier of the translation used to give the title of the flyer | #IMPLIED | |
| titleResourceName: identifier of the resource to be displayed in the title of the flyer. | #IMPLIED | |
| vtPosition: gives the vertical position of the flyer in the screen | up / middle / down | |
| hzPosition: gives the horizontal position of the flyer in the screen | left / center / right | |
| vtSize: gives in pixel the vertical size of the flyer | #IMPLIED | |
| hzSize: gives in pixel the horizontal size of the flyer | #IMPLIED | |
| displayType: specifies how the message will be displayed in the information flyer (Description only, ID + Description, Category of the message ...etc.) | id / category / severity / description (the attribute can be multivalued : "id, description" e.g.) |
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| subSectionsMode: specifies whether the business explanations are classified depending on the associated Form Property used for the redirection | on / off / selectorBarName (See below) | |
| sortBy: (optional parameter) allows to classify the businessExplanations by criticality level and seq. order | level / seqOrder | |
| autoOpen: specifies if the informationFlyer is opened or expanded automatically when a new message is raised | on / off | |
| collapsible: allows the informationFlyer to be collapsed | on / off | |
| messageCategory (repeatable section) | ||
| name: category of messages to be displayed in the flyer | engineMessages_model engineMessages_warning engineMessages_error engineMessages_fatal businessMessages_businessExplanations businessMessages_blockingBusinessExplanations businessMessages_informativeBusinessExplanations businessMessages_domainExplanations businessMessages_domainValidation uiMessages_info uiMessages_warning uiMessages_error uiMessages_fatal |
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| mode: enables the display of this type of error | on / off |
Example:
XML Sample
<informationFlyer name="home.infoFlyer" cssName="flyer" mode="on" hzPosition="right" vtPosition="down" resizable="on" hzSize="290" vtSize="160" titleResourceName="" titleTranslationName="infoFlyer.title" displayType="description" subSectionsMode="off" autoOpen="on" collapsible="off">
<messageCategory mode="on" name="engineMessages_model"/>
<messageCategory mode="on" name="engineMessages_warning"/>
<messageCategory mode="on" name="engineMessages_error"/>
<messageCategory mode="on" name="engineMessages_fatal"/>
<messageCategory mode="on" name="businessMessages_businessExplanations"/>
<messageCategory mode="on" name="businessMessages_informativeBusinessExplanations"/>
<messageCategory mode="on" name="businessMessages_blockingBusinessExplanations"/>
<messageCategory mode="on" name="businessMessages_domainExplanations"/>
<messageCategory mode="on" name="businessMessages_domainValidation"/>
<messageCategory mode="on" name="uiMessages_info"/>
<messageCategory mode="on" name="uiMessages_warning"/>
<messageCategory mode="on" name="uiMessages_error"/>
<messageCategory mode="on" name="uiMessages_fatal"/>
</informationFlyer>
Tip:
When collapsible="on" on an informationFlyercontaining buttons redirecting to CP/FO (“GOTO”),
Collapse the flyer
Execute the goto redirection
When a selector bar name is filled in the subSectionsMode attribute, the FO and CP are grouped in the informationFlyer following the same structure as in the selector bar.
For instance:
VISUAL IDENTITY
The informationFlyer is associated to a main CSS class. Mapping between CSS Classes and component structure
Tip:
A CSS class is generated per type of message. The name of the CSS Class corresponds to the name of the message category.
A CSS class is generated per criticality of the business explanation. The name of the CSS Class corresponds to the criticality label and allows displaying a warning/error picto in the ‘level’ column of the flyer.
Tip:
Translations are associated to the informationFlyer
<translation name="informationFlyer.subSection.defaultTitle">Other messages</translation>
<translation name="informationFlyer.message.level">Level</translation>
<translation name="informationFlyer.message.description">Message</translation>
<translation name="informationFlyer.message.activate">Action</translation>
informationBox
OVERVIEW
The informationBox displays the same information as the infomationFlyer but is integrated to the page itself.
Tip:
When used in the context of the errorPage, the informationBox is the container displaying the predefined error message (The service is temporarily unavailable. Please try again later.)
ATTRIBUTES DETAILS
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| mode: informationBox visible or not | on / off | |
| widthPercent: percentage of occupancy in the total width of the container/page | #IMPLIED | |
| heightPercent: percentage of occupancy in the total height of the container/page | #IMPLIED | |
| autoSize: (Cf. Appendix C – UI brick positioning) | on / off | |
| hzAlignment: gives the horizontal alignment of the box in its container/ page | left / right / center / justified | |
| vtAlignment: gives the vertical alignment of the box in its container/ page | up / down / middle / distributed | |
| titleTranslationName: identifier of the translation used to give the title of the box | #IMPLIED |
| SUB-ELTS | ATTRIBUTES | VALUE |
|---|---|---|
| titleResourceName: identifier of the resource to be displayed in the title of the box. | #IMPLIED | |
| keyBoardNav: keyboard Navigation activated or not | on / off | |
| displayType: specifies how the message will be displayed in the information flyer (Description only, ID + Description, Category of the message ...etc.) | id / category / severity / description (the attribute can be multivalued : "id, description" e.g.) | |
| messageCategory (repeatable section) | ||
| name: category of messages to be displayed in the flyer | engineMessages_model engineMessages_warning engineMessages_error engineMessages_fatal businessMessages_businessExplanations businessMessages_domainExplanations businessMessages_domainValidation uiMessages_info uiMessages_warning uiMessages_error uiMessages_fatal | |
| mode: enables the display of this type of error | on / off |
VISUAL IDENTITY
