Widgets

About this task

Widgets are building blocks that you can use for the rapid development of custom applications.

Widgets are modular components that you add to your app to add functionality. Widgets can be simple labels and text boxes or they can be 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, so it's easy to change your app as requirements evolve.

Procedure

  1. From the SOTI Snap web console, select Apps, 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. Choose a widget and double-click on it to add it.

    2. 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.

    3. Select Save.

    Result: The widget has been succesfully 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've selected an existing widget, the copied widget will appear below it on the different page. Otherwise, the copied widget will appear below the lowermost widget.
    Deleting widgets

    To delete a widget from an application:

    1. Select the widget you want to delete and select Delete.
      Note: When deleting a widget, all references to that widget in Blockly or JavaScript actions are also removed.

    Result: The widget is removed from the app.