Skip to main content

Sheets

Organises independent groups of widgets into page-local sheets.

Example of the Sheets widget in the Sybot Studio demo view

Recommended configuration

  1. Pre-configure the number and names of the sheets.
  2. Select a sheet in the canvas and assign the desired widgets to it.
  3. Choose the initial sheet and verify the sheet switch in Preview.

Configuration options

AreaOptions
ContainerChild widgets, internal grid, and optional grid visibility in the published view.
SheetsName, order, assigned widgets, and initial sheet.
IdentityTitle, Subtitle, header visibility, type icon, and actions button.
PresentationStandard, Compact, or Dense variant and message to show when no data is available.
AppearanceBackground, background image, border, radius, padding, shadow, and typography for different areas.
PositionCoordinates and dimensions in cells within the page or container grid.

Best practices

  • Each sheet has access to the entire internal grid of the container.
  • A widget can belong to only one sheet.
tip

Always verify the widget in Preview, in both light and dark themes, and with an empty data state before publishing the view.