zero.appdocs
Docs/Presentations/MultiTab

MultiTab

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType

Properties

PresentationType string required
MultiTab is commonly used to organize content into multiple sections or tabs, allowing users to navigate between different pages or views within the same screen.
Allowed MultiTab
BackgroundColor string optional
Specifies the background color in a valid color name or hex value
Color string optional
Specifies the color in a valid color name or hex value
DividerColor string optional
Specifies the color of divider line in a valid color name or hex value
IndicatorColor string optional
Specifies the color of indicator in a valid color name or hex value
UnSelectedLabelColor string optional
Specifies the color of unselected Label in TabBar
Padding number optional
An optional property that defines the padding around TabBar
DividerHeight number optional
An optional property that sets the height of the divider line between elements.
IndicatorWeight number optional
A property that defines the thickness of the indicator line, usually used to highlight the selected tab.
FontSize number optional
A property that sets the size of the font used in the labels.
Items array optional
Contains an array of items to be displayed within the MultiTab presentation.

Studio editor metadata

Shapes the studio editor; not enforced at runtime.

BackgroundColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "BackgroundColor",
  "PresentationType": "ColorPicker"
}
Color
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "Color",
  "PresentationType": "ColorPicker"
}
DividerColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "DividerColor",
  "PresentationType": "ColorPicker"
}
IndicatorColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "IndicatorColor",
  "PresentationType": "ColorPicker"
}
UnSelectedLabelColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "UnSelectedLabelColor",
  "PresentationType": "ColorPicker"
}