UI controls

The Visual Modeler provides a rich set of controls that can provide a flexible and attractive UI to help customers make their selections.

Defining display properties
Each model, option class, and option item has a set of properties that determine how the configurable product will be displayed to the customer: these are known as display properties.
Define tabular display
You can display the monitor option items with some of their properties to help users choose among them.
Calculate property value
The Visual Modeler provides a simple, yet powerful, means to use property values to calculate other property values.
Define control to accept user entered value - scenario 1
You may want to permit customers to enter values for properties: these can be used to check user requirements against rules that determine whether option items match the requirements. You can specify that user entered values are allowed.
Defining image display property
You can associate images with a model, option class, or option item simply by specifying the Image display property.
Manage product layout
You can use UI properties to manage the basic layout of a configurable product.

Parent topic: Visual Modeler implementation tutorial