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.

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: (binary type)
  • 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(adjustable rotation speed), 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.

  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