FlowNode

A layout tool to place widgets along a given axis, one after another.

HFlow

---

Arranges children widgets along a horizontal axis. Each successive widget will have its X position set such that it is a number of pixels away from the end of the previous widget according to the value of the attribute padding. A widget’s position on the Y axis is not changed.

• Special Attributes

Name	Type	Description
children	List	A list of widgets to space along the horizontal axis
padding	Number	The number of pixels between each widget
background	Color	A fill color behind the entirety of all children
border-color	Color	The color of the group’s border surrounding the children widgets
border-width	Number	The thickness of the group’s border in pixels
visibility	String	A pv that determines the visibility of the layout, visibility is turned off if the PV’s value is zero. This logic is inverted if the !Not tag is used instead of String

• Example

CIO_Title: !hflow
    geometry: 0x2 x 0x0
    padding: 5
    
    children:
        - !Text { geometry: 70x20, text: "CIO 0-3" }
        - !TextMonitor
            geometry: 80x20
            background: *edit_blue
            foreground: *black
            
            pv: "$(P)CIOIn"
            
        - !Text { geometry: 90x20, text: "MIO 0-2" }
        - !TextMonitor
            geometry: 80x20
            background: *edit_blue
            foreground: *black
            
            pv: "$(P)MIOIn"

VFlow

---

Arranges children widgets along a vertical axis. Each successive widget will have its Y position set such that it is a number of pixels away from the end of the previous widget according to the value of the attribute padding. A widget’s position on the X axis is not changed.

You may also use the alias “flow” to reference the vflow node.

• Special Attributes

Name	Type	Description
children	List	A list of widgets to space along the vertical axis
padding	Number	The number of pixels between each widget
background	Color	A fill color behind the entirety of all children
border-color	Color	The color of the group’s border surrounding the children widgets
border-width	Number	The thickness of the group’s border in pixels
visibility	String	A pv that determines the visibility of the layout, visibility is turned off if the PV’s value is zero. This logic is inverted if the !Not tag is used instead of String

• Example

NumberedLED: !flow
    children:
        - !caLabel
            font: -Sans Serif - Regular - 8
            
            geometry: 50x15
            
            alignment: Qt::AlignHCenter|Qt::AlignVCenter
            fontScaleMode: ESimpleLabel::None
            
            text: "Input 1"
        
        - !caLed
            channel: !string "$(P)Bi1.VAL"
            trueColor: *alarm_red
            falseColor: *alarm_green
            
            borderColor: *transparent
            
            gradientEnabled: false
            
            geometry: 22x22