Synoptic Panel [SVG]

Version information and other notes

Note the feature is available from version 2.7.1 however it is in alpha version.

Detailed information for the developer

Youtube tutorial video - Subscribe to the channel if you need such content

Field id requirements

Id field in svg file, must match the regex:

SLTS_((waterlevel|fan|point|state|valve)_\d|(_(background\b|background_right|background_left|value)))+\b

So it starts with SLTS_, it must be followed by one of the 5 keywords (waterlevel, fan, point, state, valve), and at the end there must be a number, and it may or may not be: _background, _background_left, _background_right or _value, moreover, components with such an end are associated with one device/object.

All available possibilities, of course, you can create many objects of a given type, increasing the number:

1. Water Level: (Prefers type: numeric)

• SLTS_waterlevel_1
• SLTS_waterlevel_1_value
• SLTS_waterlevel_1_percentage
• SLTS_waterlevel_1_absolute
• SLTS_waterlevel_1_background

2. Valve: (Prefers type: binary)

• SLTS_valve_1
• SLTS_valve_1_background_left,
• SLTS_valve_1_background_right,
• SLTS_valve_1_value
• SLTS_valve_1_label

3. Point, universal object: (all data type)

• SLTS_point_1
• SLTS_point_1_value
• SLTS_point_1_label

4. Fan: (Prefers type: numeric (infinitely speed control), multistate (stepped speed control), binary (enable/disable))

• SLTS_fan_1
• SLTS_fan_1_background
• SLTS_fan_1_value

5. State: (Prefers type: multistate)

• SLTS_state_1
• SLTS_state_1_value
• SLTS_state_1_label

Creating SVG graphics

1. We recommend using Inkscape: Inkscape Site

2. Text fields must be unflow (red-bad, green-good):

3. You can use Group/Layout to organize your views (Not necessary, but recommended for complex view):

4. Example SVG: