Skip to content

Synoptic Panel [SVG]

Kamil Jarmusik edited this page Feb 28, 2023 · 15 revisions

Field id requirements

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

Detailed information for the developer

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_background
  1. 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
  1. Point, universal object: (all data type)
  • SLTS_point_1
  • SLTS_point_1_value
  • SLTS_point_1_label
  1. 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
  1. State: (Prefers type: multistate)
  • SLTS_state_1
  • SLTS_state_1_value
  • SLTS_state_1_label

Creating SVG graphics

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

Detailed information for the developer

  1. We recommend using Inkscape: Inkscape Site

  2. Text fields must be unflow:

Screenshot 2023-02-17 at 12 07 17

  1. You can use Group/Layout to organize your views:

Screenshot 2023-02-17 at 12 31 50 Screenshot 2023-02-17 at 12 33 06

  1. Example SVG:

milk