Read our blogs, tips and tutorials
Try our exercises or test your skills
Watch our tutorial videos or shorts
Take a self-paced course
Read our recent newsletters
License our courseware
Book expert consultancy
Buy our publications
Get help in using our site
545 attributed reviews in the last 3 years
Refreshingly small course sizes
Outstandingly good courseware
Whizzy online classrooms
Wise Owl trainers only (no freelancers)
Almost no cancellations
We have genuine integrity
We invoice after training
Review 30+ years of Wise Owl
View our top 100 clients
Search our website
We also send out useful tips in a monthly email newsletter ...
Software ==> | Power Apps (13 exercises) |
Topic ==> | Working with colours (2 exercises) |
Level ==> | Average difficulty |
Subject ==> | Power BI training |
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.
Create a new canvas app using phone layout, and save it as Colour Picker.
Add labels, sliders and a button to the default screen to create this:
See below for what properties you could set for your sliders
Here are some suggestions for properties you could set for (for example) the red slider:
Property | Value | Notes |
---|---|---|
ValueFill | Red | The colour of the slider |
Min | 0 | Colours go from 0 (in this case 100% red) ... |
Max | 255 | ... to 255 (in this case no red at all) |
Default | 50 | The initial value for the colour |
Create a second screen (the Show Colour button should navigate to this):
The fill colour of this second screen should reflect the choices made on the first one.
Set the Fill colour of the screen to this expression:
This assumes that you've called your sliders sldRed, sldGreen and sldBlue. The final argument is the transparency of the colour, which we will leave at 1 (opaque).
If you get this working, add the following additional controls to the second screen:
Add another slider so that you can vary how faded the colour chosen is (set a minimum value of -100, and a maximum value of 100). Clicking on the button should take your user back to the first screen again.
You'll need to adjust the fill colour of your page to this expression:
You can hold down the SHIFT key and press ENTER to add new lines like this, to make your formula easier to read.
When everything is working, save the changes to your app and close it down.
You can find other training resources for the subject of this exercise here:
Kingsmoor House
Railway Street
GLOSSOP
SK13 2AA
Landmark Offices
99 Bishopsgate
LONDON
EC2M 3XD
Holiday Inn
25 Aytoun Street
MANCHESTER
M1 3AE
© Wise Owl Business Solutions Ltd 2024. All Rights Reserved.