The following chapter gives the exhaustive list of the components you can insert into the pages.

Reference: For the Configurator UI, please refer to Configurator Component usage matrix to check if a given component is compatible with the part of the page it is inserted.

We give an overview of each UI object, the details of its parameters and the key CSS classes that allow to control its display.

Warning:

• Main classes (associated to the components via the XML layout file) appear in orange in CSS schemas.
• Secondary class names cannot be re-named (They are statically generated in the HTML structure of the component).

Since CPQ version 8.0, most of the UI components share the same HTML rendering regarding the box main structure.

Generic CPQ UI box structure

• The boxTitle is only generated when the translationName attribute of the component is filled.
• The boxHeader, boxFooter, left and right parts are not generated if the framedBox attribute of the component is set to “off”.