Widgets

About this task

Widgets are building blocks that you can use to develop custom applications. They are modular components that you add to your app to add functionality. Widgets can be simple labels and text boxes, or more complex, with features such as embedded interactive maps, external data connections, or NFC functionality.

Use widgets to create applications tailored to your needs. Widgets are drag-and-drop icons, so changing your app as requirements evolve is easy.

Procedure

  1. Select Apps from the SOTI Snap web console to access the App Manager.
  2. Select the My Apps tab and choose your app—the app's canvas screen displays.
  3. The Project customization options tab displays in the navigation panel on the left. Select the Widget customization options tab. You can perform the following tasks.
    TaskProcedure
    Adding widgets

    To add and customize a new widget to an existing application:

    1. Optional: In the Search by Widget search bar, enter a relevant keyword (such as a widget name) to highlight certain widgets while the SOTI Snap greys out the rest.

    2. Choose a widget and double-click on it to add it.

    3. From the right-side Widget Properties panel, adjust the settings to customize the widget's appearance and behavior.
      Tip: Drag widgets to rearrange their placement in the app.

    4. Select Save.

    Result: The widget has been successfully added and saved to the page.
    Copying widgets on a page

    To copy an existing widget to the same application page:

    1. Select the widget that you want to copy and select Duplicate.

    Result: The duplicated widget appears below the original widget on the same page.

    Copying widgets from one page to another

    To copy an existing widget to a different application page:

    1. Select the widget that you want to copy and press CTRL+C.
    2. Navigate to a different page in your app and press CTRL+V to paste the widget.

    Result: If you have selected an existing widget, the copied widget appears below it on a different page. Otherwise, the copied widget appears below the lowermost widget.
    Deleting widgets

    To delete a widget from an application:

    1. Select the widget you want to delete and select Delete.
      Important: All references to that widget in Blockly or JavaScript actions are also removed when deleting a widget.

    Result: The SOTI Snap removes the widget from the app.