« Back to Product

Documentation

RowLayout

Require: Symcon >= 5.0

Creates a row in which form fields are displayed side by side.

Example

Parameter

Parameter Description
halign (optional) (default: "left") Horizontal alignment of the elements within the row (since Symcon 9.1)
"left": The elements are aligned to the left
"center": The elements are centered
"right": The elements are aligned to the right
"between": The elements are distributed over the width, the first element on the left and the last one on the right
items List with configuration elements within the row (can be changed since IP-Symcon 6.0)
name (optional) Name of the row
type RowLayout
valign (optional) (default: "middle") Vertical alignment of the elements within the row, e.g., if the elements have different heights. For "top" and "bottom", the row uses the full available height (since Symcon 9.1)
"top": The elements are aligned to the top
"middle": The elements are aligned to the middle
"bottom": The elements are aligned to the bottom
"between": Not supported for rows, same as the default
visible (optional) (default: true) If true, the row is visible, otherwise it is invisible (since IP-Symcon 5.2)

Example

// row layout
{ 
    "type": "RowLayout",
    "items": [
        {
            "type": "SelectLocation",
            "name": "Location",
            "caption": "My Location"
        },{
            "type": "Button",
            "caption": "Test",
            "onClick": "TM_Update($id);"
        },{
            "type": "Button",
            "caption": "Test2",
            "onClick": "TM_Update2($id);"
        }
    ]
}
Any questions?