Columns
3 min
the columns element is a layout container that arranges its child elements side by side in a multi column grid it is the primary tool for building dense, form efficient layouts where you want multiple inputs to share the same horizontal row β such as first name / last name, start date / end date, or any pair of related fields each column within the columns container has its own label and visibility controls, giving you fine grained layout control the parent columns element also provides a hidelabels option to suppress individual field labels for an even more compact presentation both the parent and each individual column's visibility can be toggled at runtime via the data model key use cases β’ side by side first/last name, city/country, or start/end date fields β’ compact review layouts showing a label column and a value column β’ conditionally hiding one column to collapse a two column layout to one β’ creating responsive feeling form layouts without custom css runtime api β attributes in procesio forms both the columns container and each individual column have their own api attributes, all accessible at runtime via the data model columns container api name description type default notes hidelabels if true, suppresses labels inside all child columns boolean true β visible show or hide the entire columns container boolean true β name unique element name string β β id unique element id string β β individual column api name description type default notes label display label for this column string β β tooltip help text shown alongside this column's label string β β visible show or hide this specific column boolean true β name unique column name string β β id unique column id string β β for support, please join our https //discord com/invite/cebukgjefv for further assistance and support
