- Access exercises (91)
- C# exercises (79)
- Excel exercises (278)
- Power Apps exercises (13)
- Power Automate exercises (18)
- Power BI exercises (139)
- Python exercises (28)
- Report Builder exercises (141)
- SQL exercises (198)
- SSAS exercises (51)
- SSIS exercises (46)
- SSRS exercises (99)
- VBA exercises (85)
- Visual Basic exercises (46)
POWER BI EXERCISES▼
POWER APPS EXERCISES▼
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 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:
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:
This screen should contain 3 labels.
Set the properties of the bottom label containing the name of the person as follows:
|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.