Flexbox
Last updated
Last updated
Flexbox
widget in Supervisely is a widget that enables users to arrange other widgets in a flexible and responsive layout. Users can customize the layout by setting the gap between widgets and aligning them to the center. With the Flexbox
widget, users can easily create dynamic and adaptable layouts that can be optimized for different devices and screen sizes
Determine list of Widgets
to display in Flexbox
widget.
type: List[Widget]
Determine gap between Widgets
on Flexbox
.
type: int
default value: 10
Determines whether to place widgets in the center of the window.
type: bool
default value: False
ID of the widget.
type: str
default value: None
You can find this example in our Github repository:
First, we load environment variables with credentials and init API for communicating with Supervisely Instance:
Flexbox
widgetPrepare a layout for app using Card
widget with the content
parameter and place widget that we've just created in the Container
widget.
Create an app object with layout parameter.
Parameters | Type | Description |
---|
|
| List if widgets to display in |
|
| Gap between widgets in |
|
| Determines whether to place widgets in the center of the window |
|
| ID of the widget |