How to add a disclaimer popup to a VertiGIS Studio Web app without using a workflow

This article outlines how to add a disclaimer popup to a VertiGIS Studio Web app without using VertiGIS Studio Workflow or any other applications.  If you prefer to use a workflow for this task, use this article instead.

1. Open your app in Web Designer
2. From the Components list in the right-side panel, click +Add Component
3. Drag a Dialog component (from the Layout tab) into your app's components list. Note: the Dialog component will automatically move to the bottom of the components list, no matter where you try to place it.  This is expected.
4. Add 4 more components: Rows, Text, Columns, and Button.  Nest them with the following order and hierarchy:

5. Configure the Dialog component:
   • Change its Visibility setting to "Visible"
   • Optional: turn off the "Allow Close" toggle, if you want to force users to click a specific button to dismiss the popup.  This will remove the X button from the top-right corner of the popup.
6. Configure the Rows component:
   • Change its title to the title that you want to appear on the popup
7. Configure the Text component:
   • In its Text property, add the main message that the popup should display.  For example, you could write a disclaimer, terms of use, message about upcoming maintenance, or announcements.  This property supports markdown styling.
8. Configure the columns component:
   • Set the Horizontal Alignment to "End"
9. Configure the button component:
   • Change its title to the text that you want to appear in the button, eg. "OK" or "Accept".
   • Optional: change or clear the icon
   • Click "Select Command" and select the "Hide" command
   • In the "Component" dropdown that appears under the Command, select the Dialog component.  This will ensure that clicking the button dismisses (hides) the dialog.
10. Save the changes to the app
11. Reload Web Designer or launch the app in order to test and confirm that the popup appears when the app loads.