This page has 0 threads | Add post

Exercises

Finding our exercises useful? Please consider helping us to share more!

Software ==>	Power Apps (13 exercises)
Topic ==>	Working with colours (2 exercises)
Level ==>	Average difficulty
Subject ==>	Power BI training

Use sliders to modify the fill RGB colour of a page

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: