Building your first callout

This tutorial demonstrates how to build your first callouts, inside the context of the Trigger-based Attended Automation solution. The tutorial consists of guiding a user through the weather.com website, to search the weather for the place where they're currently in.

1. Open the Main workflow and add the following activities:
   1. Use Application/Browser and indicate the target application as the weather.com website.
   2. Run Local Trigger to enable the triggers that you'll use inside other workflows.
2. Create the callout that explains the user what they should do in weather.com.
   1. Create a uiform file named Weather opened.
   2. Add a Label/Header component and type Welcome to weather.com! inside the Content field, and set the Label Size as Header - Tiny.
   3. Add a Content component and type Do you want to check how's the weather like where you are located right now? Click Next if you do.
   4. Add a Button component and set the Label as Next and the Action as event.
   5. Adjust the size of the callout using the Width and Size properties and save the file.
3. Inside the same project, create a new workflow and name it weather opened. Add the following activities inside of it:
   1. Application Event Trigger and indicate the website's header as the target. Set the Event typeas Appeared, and the Scheduling mode as Concurrent.
   2. Show Callout and select the Weather opened form file that you created at step 2. Indicate the UI element as the search bar.
   3. Add a Delay activity, and set it to the time you want the callout to show.
   4. Add a Close Form activity, to close the callout.
4. Create a callout that prompts the user to search for the location that they're in:
   1. Create a uiform file named Search for your city.
   2. Add a Label/Header component and type What;s the weather like where you are? inside the Content field.
   3. Add a Content component and type SSearch the city where you're currently in to check the weather.
   4. Adjust the size of the callout using the Width and Size properties and save the file.
5. Create another workflow and name it Next was clicked. Add the following activities inside of it:
   1. Form Event Trigger and select the Weather opened form file. Set the Event as Next clicked.
      This triggers the other activities when the user clicks the Next button.
   2. Show Callout and select the Search for your city form file. Indicate the UI element as the search bar.

Workflow example

To follow the steps and try out this tutorial yourself, download the sample project here.