Power Apps | Working with colours exercise | Create a simple dating agency welcome screen

This exercise is provided to allow potential course delegates to choose the correct Wise Owl Microsoft training course, and may not be reproduced in whole or in part in any format without the prior written consent of Wise Owl.

You can learn how to do this exercise if you attend the course listed below!

Software ==> Power Apps  (13 exercises)
Version ==> Latest update
Topic ==> Working with colours  (2 exercises)
Level ==> Relatively easy
Course ==> Power Apps

You need a minimum screen resolution of about 700 pixels width to see our exercises. This is because they contain diagrams and tables which would not be viewable easily on a mobile phone or small laptop. Please use a larger tablet, notebook or desktop computer, or change your screen resolution settings.

The aim of this exercise is to create a simple welcome screen for a dating agency app:

The welcome message should appear ... ... in the colour you choose..

Read on for guidance on how to create the two screens that you'll need, and how to link them together.

Start by creating a new canvas app in phone layout.  Within this, create your first screen:

The first screen

You need to add 6 controls: three labels (including one for the title), two text boxes and a button.  Set the Fill property of the button to be the value of the Fill property of the title label to ensure they're both the same colour.

 

To get the text boxes to display a prompt like this, delete their Default property values (so they're empty) and set their HintText properties.

Save your app as Simple Dating Agency Form (so you don't lose your work) before continuing.

Add a second screen to give the result:

Second screen

This screen should contain 3 labels.

 

Set the properties of the bottom label containing the name of the person as follows:

Property Set to Notes
BorderColor ColorValue(txtColour.Text) Take whatever colour your user typed in, and render this as a colour to be used for the border of the label.
Text txtName.Text Set the label to display whatever name your user typed in.

Go to the first screen and test your app to check it works, then save your changes and close the app down. 

You can unzip this file to see the answers to this exercise, although please remember this is for your personal use only.
This page has 0 threads Add post