Lab 6

In this lab, we are going to expand on the app that we have been building since Lab 1 by creating a component that we are going to use multiple times through our app. We are going to create a component that will allow us to provide feedback to our users as a dialog box:

1. Open the Groceries Phone App that we created in Lab 1.
2. From the Tree view on the left side of the screen, select Components.
3. Click + New component.

4. Rename your component Dialogue Box.

   

   Figure 7.21: Components branch of the Tree view

5. We are going to make our component default to the height and width of the app itself. So, firstly, set the width with the formula App.DesignWidth, and the height with the formula App.DesignHeight.

   

   Figure 7.22: Adjusting the height of the component

6. Create an input property by clicking on + New custom property on the right side of the screen.

7. Enter the following configuration for the property:

   1. Display name: Message title
   2. Name: MessageTitle
   3. Description: The title of the message we are...