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

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 type**as **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 `Search 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](https://documentationexamplerepo.blob.core.windows.net/examples/Forms/building_first_callout.zip).