Layout
Column
A layout component that organises its child components in columns. Must be inside a Column Container component.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Title | Text | ||
| Width (factor) | Number | Relative size when compared to other columns in the same container. A column of width 2 will be double the width of one with width 1. | |
| Sticky | Text |
| |
| Collapsible | Text |
| |
| Start collapsed | Text | Only applied when the column is collapsible. |
|
| Separator | Color | ||
| Padding | Padding | ||
| Content alignment (H) | Align (H) | ||
| Content alignment (V) | Align (V) | ||
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. |
Low code usage
This component can be declared directly in Python, using backend-driven UI.
ui.Column(content={
"title": "", # str
"width": 0.0, # Union[float, str]
"isSticky": "no", # str [yes, no]
"isCollapsible": "no", # str [yes, no]
"startCollapsed": "no", # str [yes, no]
"separatorColor": "", # str
"contentPadding": "", # str
"contentHAlign": "", # str
"contentVAlign": "", # str
"cssClasses": "", # str
}
)