Column
Allows users to create a layout with multiple columns.
app.columns
app.columns(xs=None, sm=None, md=None, lg=None, xl=None,xxl=None)
Parameters
| Parameter | Description |
|---|---|
| xs (ColumnSize) | Extra small screens |
| sm (ColumnSize) | Small screens |
| md (ColumnSize) | Medium Screens |
| lg (ColumnSize) | Large Screens |
| xl (ColumnSize) | Extra-large screens |
| xxl (ColumnSize) | Extra extra-large screens |
Examples
The basic examples below shows how to create a Columns layout widget.
Example 1 - Basic Columns Layout
import lorem
from shapelets.apps import dataApp
# Set up the data app
app = dataApp()
# Set the title of the app
app.title("Column - Layout")
# Create two columns with specific sizes
colA, colB = app.columns(11, (2, 11))
# Set the column sizes for different screen sizes
colA.xs = (0, 24)
colB.xs = (0, 24)
# Text Content
colA.text(lorem.paragraph()) # Generates a lorem ipsum paragraph
colB.text(lorem.paragraph()) # Generates another lorem ipsum paragraph
