zero.appdocs
Docs/Presentations/Container

Container

Presentations v1.0 zero-schema

No description provided.

Missing descriptions: Height, Width.

Required fields

PresentationType

Properties

PresentationType string required
A Container is a widget used to create a rectangular visual element that can contain other widgets, with customizable properties like padding, margin, color, and alignment.
Allowed Container
BackgroundColor string optional
The background color of the Container.
BackgroundImage string optional
The background image of the container, specified as a URL or image path
BackgroundOpacity number optional
The opacity of the container's background, ranging from 0 (transparent) to 1 (opacity).
Default 1
BorderRadius number optional
The opacity of the container's background, ranging from 0 (transparent) to 1 (opacity).
Default 0
BorderColor string optional
The color of the container's border, specified as a color name, primary color ('primary'), or hexadecimal color code. Default is transparent.
BorderWidth number optional
The width of the container's border, specified in pixels. Default is 0 (no border).
Default 0
BoxFit string optional
The method used to fit the background image within the container, such as filling the container or fitting the image.
Allowed Fill Cover FitHeight FitWidth Contain
Height anyOf optional
No description
Margin object optional
The margin around the container in pixels. Specifies the space between this container and other widgets.
MaxHeight number optional
The maximum height that the container can occupy in pixels
Default 0
MaxWidth number optional
The maximum width that the container can occupy in pixels
MinHeight number optional
The minimum height that the container can occupy in pixels.
MinWidth number optional
The minimum width that the container can occupy in pixels.
Default 0
Padding object optional
The padding inside the container in pixels. Specifies the space between the container's edge and its child widget.
Width anyOf optional
No description
Child object optional
The child widget contained within the container. This widget will be positioned and sized according to the container's properties such as padding, margin, width, and height. It follows the layout rules set by the container.

Studio editor metadata

Shapes the studio editor; not enforced at runtime.

BackgroundColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "BackgroundColor",
  "PresentationType": "ColorPicker"
}
BackgroundOpacity
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "DisplayText": "BackgroundOpacity",
  "InitialValue": "{{ Value }}",
  "FontSize": 12,
  "Min": 0.1,
  "Max": 1,
  "PresentationType": "RangeSlider"
}
BorderRadius
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "DisplayText": "BorderRadius",
  "FontSize": 12,
  "InitialValue": "{{ Value }}",
  "Min": 1,
  "Max": 100,
  "PresentationType": "RangeSlider"
}
BorderColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "BorderColor",
  "PresentationType": "ColorPicker"
}
BorderWidth
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "DisplayText": "BorderWidth",
  "FontSize": 12,
  "InitialValue": "{{ Value }}",
  "Min": 1,
  "Max": 100,
  "PresentationType": "RangeSlider"
}
BoxFit
"Select"