Intro to UI elements

UI elements add additional context, styling, and navigation to workbook pages. They include buttons, dividers, images, spacers, embeds, and text.

Requirement

  • To create and edit UI elements, you must have Can Edit access to the individual workbook.

Create a UI Element

  1. If you are not already in Edit mode, click Edit.
  2. In the editor panel's sidebar, click + ADD NEW.
    The ADD NEW panel opens.
  3. Under UI ELEMENTS, select one.The new element appears on the page.
  4. Use your cursor to drag and drop the element anywhere on the page canvas.
  5. Use the editor panel to configure your new element.

Element Types

Screen_Shot_2021-05-13_at_4.36.47_PM_copy.png

Text

Text UI elements allow you to add titles and captions to your workbook pages. You can choose the size, style, and font. The text can include dynamic content from formulas. For more information see Text Elements.

Image

Add an image by uploading a file or referencing a URL. Customize how the image fits within the element container, and modify the element style. You can also use dynamic text in the URL to source the URL from control values and formulas.

Button

Add a button to create a one-click action in a workbook. You can customize the button display and configure it as an action trigger that navigates to a specific destination, modifies or refreshes elements, downloads and exports data, etc. For more information, see Create a button element.

Divider

A Horizontal divider visually partition elements or groups of elements on a page.

Embed Element

An embed element adds a webpage, video, or other Sigma workbook to a page. Any iFrame-enabled URL can be embedded. Use control variables within your embed URL to customize what content is displayed according to different inputs.