Add a Carousel Widget

About this task

Use the Carousel widget to display a collection of application pages in a rotating sequence. With user intervention, the user may swipe back and forth through a series of pages or allow the widget to autoscroll at a timed interval.

Procedure

  1. In the Canvas, open the Widgets tab.
  2. Drag the Carousel widget onto the app canvas.
    Carousel widget in the Widgets tab
  3. In the Carousel Properties panel, enter an ID and Name for the widget, or keep the defaults.
  4. In Carousel Items, decide the number of pages for rotation. By default, the Carousel widget creates two pages. Select Add to add a new page or use the copy button to copy a previous page. Drag pages into the desired order.
  5. Change Carousel pages by adding applicable widgets (for example, labels, images).
    Note: The Carousel widget is read-only. For example, at runtime, you cannot enter information into a text box on a Carousel page.
    Note: Some widgets, such as the Video Player and YouTube widgets, do not work within the Carousel's pages.
  6. In Carousel Settings, set the following details that govern the look and feel of how the Carousel scrolls:
    OptionDescription
    Autoscroll Scrolls the Carousel without user intervention after launch.
    Autoscroll Timing (Sec) Sets the speed of autoscrolling in seconds.

    This option is only available if Autoscroll is selected.
    Scroll Direction Sets the direction of scrolling for the Carousel (left or right).
    Arrow Style Sets the style of the arrow used for user interaction when scrolling either left or right. You have the option to select no arrow style (none).
  7. In Background, select the Color Scale to determine your Carousel's background color, if any.
  8. Optional: Add a visibility rule to the widget.
    Use visibility rules to control when a widget is visible to the app user. For example, you can create a condition that a widget should only appear after the app user fills in a field or submits a form.
    1. Select Visibility Rule to open the Set Visibility Rule dialog box.
    2. Select whether the visibility rule requires meeting all or any conditions.
    3. From the Field list, select an app field or variable and an operator. Enter the value required for the widget to be visible.
    4. Select Add Condition to add another condition.
    5. Select Save.
  9. Select Save in the SOTI Snap banner to apply your changes.
    Save app button

Results

Tip: Select Preview to see how the widget appears in your app.