User Manual

Table Of Contents
Graphics Builder
Pane tools
5
76 | 195
A6V11604297_en--_g
Indicator
Name
Description
ITEM RENDERER
Renders a list of models based on a query from a virtual point.
Example
Used in the Sample Room Segment graphic. (Lights and blinds are rendered with an Item renderer.)
KIOSK
This is a basic component for custom programming only.
See the Desigo Control Point kiosk tools, which provide the standard workflow for creating kiosks with
robust functionality.
Kiosk graphics [ 42]
MJPEG [➙ 95]
Displays a motion jpeg (MJPEG) image stream. Only MJPEG-encoded CCTV videos are supported.
MODEL LOADER
[➙ 97]
Creates a custom model that can be reused.
RACTIVE [➙ 98]
Makes custom interfaces using the RactiveJS library. For more information, see https://ractive.js.org/.
Example
Used in the Sample Room graphic. (The navigator model for the room segment is a Ractive control.)
Additional examples can be found at:
https://finproducts.atlassian.net/wiki/spaces/FINStack/pages/91603570/GB+Ractive
SVG
Renders a
scalable vector graphic
(svg) image from the graphics database.
TIMER [➙ 100]
Generates an event at specified intervals. This is generally used for timing programs. For example, it
sets a delay for a program to start or an interval for a program to refresh and continue running. This
component runs in the background and is only visible in the Graphics Builder editor.
NOTICE
The data displayed in Graphics Builder depends on the version of the Desigo
Control Point device and may look different on your system. For more information,
see the J2 Graphics Builder documentation
https://finproducts.atlassian.net/wiki/spaces/FINFramework/pages/770709383/FIN
+Chart+Components+finAmChartComponents.
Data points for curVal charts are selected from a drop-down list of VIRTUAL
POINTS that are associated with the graphic. If the desired data point is not in the
list, drag-and-drop numeric points from the EQUIPMENTS pane onto the
chart. This creates new VIRTUAL POINTS that are associated with the
graphic and available in the drop-down list.