Help and Resources

Appearance

Dialog Library ​

1. Introduction ​

The Boardlets and Dialogs Library is the main place in the application where you can browse, preview, and manage all boardlets and dialogs defined in the selected App Context.

Each boardlet or dialog consists of reusable UI components like buttons, charts, forms, etc. These can be further customized using the App Composer.

This view is divided into three main sections:

  • Left panel – item list and management actions
  • Center panel – read-only preview
  • Right panel – basic metadata and properties

With the Boardlets and Dialogs Library, you can:

  • Browse and search through available boardlets/dialogs
  • Create, edit, duplicate, delete, or export items
  • View and filter items based on creation/update date or title
  • Inspect metadata and update item properties

ALT_TEXT_CHANGE_ME

2. Left Panel – List and Management ​

The left panel contains a scrollable list of cards representing available boardlets or dialogs in the current app context.

2.1 Search ​

Use the “Search by name…” input to quickly find an item by its name.

ALT_TEXT_CHANGE_ME

2.2 Create New ​

Click the plus (+) icon at the top to create a new boardlet or dialog.
You'll be prompted to:

  • Enter a name
  • Choose a template

After saving, you'll be redirected to the App Composer to configure the item.

ALT_TEXT_CHANGE_ME

2.3 Filtering and Sorting ​

Click the filter icon to sort the list by:

  • Title
  • Created On
  • Updated On

ALT_TEXT_CHANGE_ME

2.4 Multi-select and Export ​

Click the multi-select icon (double checkboxes) to enter selection mode. Once active:

  • Select one or more items
  • Open the top-right ⋯ menu for batch actions:
    • Export selected – saves selected items as a file
    • Delete selected – removes selected items after confirmation

ALT_TEXT_CHANGE_ME

2.5 Item Cards ​

Each boardlet/dialog is displayed as a card with its title.

The overflow menu (⋯) for each card contains:

  • Edit – opens the item in the App Composer
  • Duplicate – creates a copy
  • Delete – prompts a confirmation dialog

If another user is currently editing the item, a progress icon is shown on the card. Hovering over the icon displays a tooltip with their name.

ALT_TEXT_CHANGE_ME

3. Center Panel – Read-only Preview ​

This section displays a static, non-interactive preview of the selected boardlet or dialog.

You can see its layout and components as they would appear when rendered, but without the ability to interact or edit. This helps in quickly reviewing the structure.

ALT_TEXT_CHANGE_ME ​

4. Right Panel – Basic Details ​

The right panel shows metadata and properties of the selected item.

Visible fields:

  • Title
  • Created by / on
  • Last updated by / on

ALT_TEXT_CHANGE_ME

At the top-right corner, click the edit icon to modify properties:

  • Rename the item
  • Add or change description
  • Add media, links, or tags

ALT_TEXT_CHANGE_ME

This section allows for quick updates without entering the App Composer.