Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: image/svg+xml Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Switch widget Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Home Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Swith Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Buttons Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: declaration of "position" HMI local variable Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Show popup 1 Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Show popup 2 Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Togglebutton Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Button Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: PushButton Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Notes: - Widget roles are described in objects labels.- Press Ctrl+O to open object properties panel- To see objects in a tree, select Object->Objects in menu- Inkscape's "objects" are SVG elements- Press Ctrl+X to edit SVG elements directly with XML editor Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Page Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: final position in page Edouard@3625: offset positionfor "B" Edouard@3625: offset positionfor "C" Edouard@3625: HMI:Switch@... (group) |-. "A" (group) | |- reference (rect) | |- ... |-. "B" (group) | |- frame (rect) | |- ... |-. "C" (group) | |- frame (rect) | |- ... Edouard@3625: Some widgets like Switch or Button are displaying one of many groups that represent the possible states of the widget.Since all groups need to appear in the same place, they overlap and the drawing becomes hard to understand and maintain.Using specially labelled "reference" and "frame" rectangles, groups can be spread out. Edouard@3625: reference Edouard@3625: frame Edouard@3625: frame Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Close Edouard@3625: Edouard@3625: Edouard@3625: A MODAL DIALOG Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Close Edouard@3625: Edouard@3625: Edouard@3625: A MODAL DIALOGwith widgets Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: 0 Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: 1 Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: 2 Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: 3 Edouard@3625: Edouard@3625: 0 Edouard@3625: position Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: Edouard@3625: declaration of user_level HMI local variable(not a PLC variable) Edouard@3625: Edouard@3625: Edouard@3625: declaration of "range" HMI local variable Edouard@3625: Edouard@3625: Edouard@3625: declaration of "size" HMI local variable Edouard@3625: Edouard@3625: Button widgets Edouard@3625: Edouard@3625: declaration of "position" HMI local variable Edouard@3625: Edouard@3625: