User Manual

Graphics Builder
Pane tools
5
A6V11604297_en--_e
71 | 196
BASIC PROPERTIES
Use the BASIC PROPERTIES to modify the graphic name or change the appearance of the selected
component.
This section outlines the properties that are common to all components. See the COMPONENTS tools [➙ 74]
and HTML COMPONENTS [➙ 101] sections for information on specific components.
General properties
● Component icon and Name field (not labeled)
The name of the currently-selected graphic component.
To rename a graphic, click on an open area of the graphic background
until the current graphic name displays in the Name field. Enter a new
name for the graphic and click and SAVE.
Note: SAVE AS GRAPHIC will not rename the current graphic. This
command saves a copy of the current graphic with a different name.
● (Unlock / Lock)
Locks the current properties for the selected component.
Lock a component to prevent it from being selected and moved
while you are editing the graphic.
● Classes field
Specifies classes from a pre-defined cascading style sheet (css) to
change the appearance of a component. For more information, see the
J2 Graphics Builder documentation
(https://finproducts.atlassian.net/wiki).
● SAVE MODEL
Saves the currently-selected component to the COMPONENTS>
MODELS pane so that it can be reused.
BACKGROUND
Select a color or image to use as a background.
● Click the COLOR field to open the palette. Select a color and click the
COLOR field again to save your selection.
● Select IMAGE from the TYPE drop-down list. Click Browse to select a
file from the models, images and other components that have been
imported to the Desigo Control Point device.
POSITION & SIZE
Adjust the position, width and height of the selected component.
● Position
Adjust the X and Y settings to change the position of a component.
● Size
Click on an open area of the graphic background until the current graphic
name displays in the Name field. Then adjust the W and H settings.