55265A - Microsoft PowerApps - Skillpipe - Mod - 4
55265A - Microsoft PowerApps - Skillpipe - Mod - 4
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
me m
alv nt alv ent
No aro be No a be
un ara long un roara long
au a
tho ujo3 s to uth uj
ori o3@ to Al
s
riz @ Alv z
ed g ma aro ed g ma varo
co i co
pie l . c A rau pie [Link] Arau
Copyright © Combined Knowledge s a oLtd. m
All jo.
rights reserved. No part of this manual may be
m
s a reproduced
[Link] any form
llo llo
we we
or by any method without the expressed, d! written consent of Combined Knowledge. d!
V 2.0
Table ofThContent
is
d
Th
is
do
oc cu
um m
alv ent alv ent
No a be No a be
un roara long un roara long
aTABLE uj OF CONTENT
s au
uth
ori o3@ to Al tho ujo3 s to
riz @ A
ze
d c gma
va
r ed gm lvar
TOPICS op il.c o Ar co a
pie [Link] Arau
o
ies om au
all jo. sa m jo.
TEXT CONTROLS ow llo
ed we
! d!
Display
Data Entry
CONTROLS
FORMS
Th Th
is is
do do
cu
MEDIA cu
m m
alv ent alv ent
N a b N a b
CHARTS
[Link] 1/15
28/5/2020 Module 4 – Power App Controls
VARIABLES
KEY POINTS
Topics Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Creating a Power Apps is like putting together a puzzle, for the puzzle to be perfect you are going to need many
different pieces. In this module you will learn how to add and configure some of the most important controls.
Some controls are covered in other modules, to avoid duplication we will refer you to other modules to see details
for those controls.
Th Th
is is
do do
cu cu
Text Controls alv
m e nt
m
alv ent
No a b e N o u aroa belo
un roara long na r n
au
tho ujo3 s to uth aujo gs to
riz @ A o riz 3 @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. s all
m jo.
llo ow
we e
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 2/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Text controls are easy to add to your app and can be used in two ways:
HTML Text – has the same job as the label control but supports the use of html tags in your data to provide
formatting of text including individual words. The example below shows how to make a single word appear blue.
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 3/15
28/5/2020 Module 4 – Power App Controls
Data Entry
Text Input – a very useful control, allows users to type in to Power Apps.
Th Th
is is
do do
cu cu
me m
alv nt alv ent
No aro be No a be
un ara long un roara long
au uj st a ujo enter s t information, but they can
Rich Text Editor – athmore
ori osophisticated
3 o very of the text input control, usersucan
tho still oA
ze @gm Alva riz 3@g lva
also apply formatting dc r e d m ro
op ail.c o Ara co ail
. c A
ies om ujo p ies om rauj
all . all o.
ow ow
ed ed
! !
Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 4/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Within controls there is a group of controls referred to as “controls” (you couldn’t make this stuff up!). Some of these
controls are added to your app automatically when you use other controls such as a gallery or form, other controls
you will onlyThever use if you add them manually to your app. Let’s look Th in a bit more detail at this interesting
is is
category. d o do
cu cu
me m
alv nt alv ent
No aro be No a be
When you adduanacontrol ara tolothe ng screen you will often see sample data provided un roaby r
lon
uth ujo st a uth a ujMicrosoft
o
gs
to
automatically to give
o 3 @ o A o 3 @ A
you an impression of how r ize thegcontrol r
will look with real data. With the control selected
ize you will lva need to remove any
dc ma lvaro d c gma ro
sample data from the formula op bar [Link] A entering your data. On the slide below, I o
have i l
entered . co the Ar days of the
ies com rauj pie
sa m
au
jo.
week to use as selection options,llthis a o .
ow will work in the Drop Down, Combo box or Radio buttons. llo
w
ed ed
! !
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 5/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
When entering data in an app don’t just use input boxes for everything, make data entry easier by using a range of
controls, for example if a user needs to enter a date you should use a date picker control. If a user needs to enter a
rating, thenTyou
his should use the rating control. Th
is
do do
cu cu
me me
The right use a lva n t b will make data entry quicker and more accurate.a lva nt b
Noof controls, e N el
un roara long ou
na
roa
rau ongs
au u jo s u jo
tho to tho to
riz 3@g A riz 3@g A
Forms ed ma lvaro ed ma lvaro
co c
pie [Link] Arau op il
ies .com rauj
A
sa m jo. a o.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Forms makeThit easy to create and update items in an underlying dataThsource such as a SharePoint list or Excel
is is
do using forms to update information you would need to
workbook. Without dspend
oc a long time building a combination
cu um
me
alv nt alv ent
N a b N a b
[Link] 6/15
28/5/2020 Module 4 – Power App Controls
of different input controls and use formulas such as patch. Forms make data entry solutions quicker to build and
much easier to maintain in the future.
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
New forms are createdcu for you automatically if you create an app based oncuamdata source using the wizard. You can
me en
also create N a
formslvyourselfn t in an existing app. Within an app you can N evenalvhave t
several forms that all save data
o u aroa belo o u aroa belo
back to differentnadata rau ngs
sources. na rau ngs
uth j uth j
ori o3@ to Al ori o3@ to Al
ze g v ze va
dc ma aro d c gma ro
op il.c Ar o pie i l . co Arau
ies om au
all jo. sa m jo.
ow llo
ed w ed
! !
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
All forms are created by a wizard regardless of how you initiate the process. When the form has been created you
then have lots of options to control how the form will look and function. These options appear to the left of the
Th
properties widow. Th on the form), then click either data, fields or
To access these setting select the form (not a control
is is
layout to expand dothe options window, its a bit hidden but you will get used doto it.
cu cu
me m
alv nt alv ent
N a b N a b
[Link] 7/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Although forms are quick for you to create and modify thanks to the user interface in Power Apps, they are still
complex behind the scenes. Each form is made up of a series of controls all carefully positioned close to each
Th of this complexity Power Apps prefers to maintain some
other, because Th for controls settings within the forms on
is is
your behalf. d o do
cu cu
me m
alv nt alv ent
No aro be No a roa belo
ara loifngyou click on a control in a form, you see the
un behaviour un padlockr n
You can see this au
tho ujo3 s to
a uth aujoicongsastopictured in the slide
riz the @ control A 3
ori can@take back Alv control of the
above. This tells you that gm lvaisr being managed by the forms wizard. You ze
ed o d c gma ar
c op
configuration of individual controls
a il Ar on the control, then clicking advanced and il.c o Ar
op unlock.
ies .cby omclick au
jo. i es o m au
jo.
all all
ow ow
ed ed
! !
Media
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 8/15
28/5/2020 Module 4 – Power App Controls
Some elements of media were covered in module 3, the four remaining media controls we will discuss here.
Add Picture – allows the user to select and display an image when using the app
Camera – displays a live feed from the users camera, it is not possible at the moment to use this to capture video,
you can however use it to take photos. One formula you can use to take photos would be to save the photo in to a
variable.
Th Th
Set(userphoto, is [Link]) is
do do
cu cu
me m
alv nt alv ent
N a b
You can test otousee rifo that eworked N
by adding an image control to the same a
o u screen roa band el in the image property
na ara long n rau ongs
entering the formula uth ujo st a u j
3 o t ho o to
ori
ze @gm Alva riz 3@g A
dc a ro e dc ma lvaro
op il A op i l A
Userphoto ies .com rauj ies .com rauj
all o. all o.
ow ow
ed ed
! !
Now if you preview the app and click on the camera control when you are ready to take a photo, it will appear in the
image control.
Microphone – can be used in a similar way to the camera control, but the output is an audio file not a photo
Barcode – Tused to scan barcodes and translate them to an underlying Th barcode number
his is
do do
cu cu
me m
Barcode now supports
alv a
nt range of barcode types, ensure you select the alv entype.
correct tb
No aro be No a e
un ara long un roara long
au u jo s a u u jo st
tho to tho oA
riz 3@g Alv riz 3@g
ed ma aro ed ma lvaro
co co
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
d
To test the barcode oc control, add a label to the same screen as a barcodedocontrol, in the label type the name of the
um cu
en me
barcode control ae.g. Barcode1 – this will display the barcode number when a it has n t bbeen detected.
No lvar tb
elo No lvar el
oa o
un
au rau ngs u na a rau ongs
th jo3 to u tho jo to
The barcode scanneroridoes ze @ not
g work Alv when your app is in edit mode, click preview riz to3test@ the
g
Alcontrol
va and hold a
dc m a ro e dc m ro
barcode in front of your camera. op a il.c Ar o a i l A
om au pie . c rau
ies
all jo. s a om jo.
ow l l ow
ed ed
! !
Charts
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 9/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Power Apps includes three types of chart, they are useful for presenting numerical information.
When you addTh a chart to your app it will appear with sample data, weThwill look at how to replace the sample data
is is
do do
with real data in a cmoment.
um cu
e m
alv nt alv ent
No aro be No a be
un ara long un roara long
Some useful setting a uth on a uj charts are: a uth uj s
ori o3@ to Al ori o3@ to Al
ze g m v ar zed g ma varo
dc
op ail.c o Ara co
pie [Link] Arau
Gap – adds a gap between bars ies onoambar chart
ujo to give a better appearance sa m jo.
all . llo
ow w
ed ed
! !
Number of series – if the data you wish to plot on the chart is more than just a single series of values, you will
need to tell the chart to show additional series by using this property
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 10/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
The colours of your chart are controlled using a formula, select your chart then select the ItemColorSet property,
you will see an existing formula, edit the RGBA values to select your required colours. It is not the easiest way to
Th hopefully this will change in future versions.
select colours, Th
is is
do do
cu cu
me m
alv nt alv ent
No aro be No a be
un ara long un roara long
au a
tho ujo3 s to uth uj
ori o3@ to Al
s
riz @ Alv z
ed g ma aro ed g ma varo
co i co
pie l . c A rau pie [Link] Arau
s a om jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
You can pass data in to a chart using a collection variable, the example above shows the formula to add names and
numbers in to a collection variable – you could test this by adding a button to the screen and setting the onselect
property to the formula on the slide.
Then add a chart control to the screen, and set the items property to Sales.
Th Th
is is
do do
cu cu
Variables a men a
me
N lva tb N lva nt b
[Link] 11/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
During module 5 you will look at how to save information in to databases. Saving to a data base it a long-term
storage solution. Sometimes you will want to store information for only a short period of time, perhaps a few
minutes, or Tuntil
his the user exits your app. This type of temporary storage Th can be achieved with variables.
is
do do
cu cu
me me
a n a lva nt b
Variables areNofreelvator create
t b and use, with only simple formulas needed.
el N ou roa el
oa
un
au rau ongs na rau ongs
tho jo3 t u tho jo to
In the following slidesriyou @ o Athree riz 3@g A
ze will
d c gsee ma lvaro formulas for creating variables: ed ma lvaro
op il A c op il A
ies .com rauj ies .com rauj
all o. all o.
Set – store information that can beowaccessed ed in any screen (global) in your app ow
ed
! !
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 12/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
@ Alv @ A
Lab 4 – PowerrizeAppd c gmControls
a il
aro
riz
ed
co
gm lvar
a o
op
ies .com rauj
A pie [Link] Arau
all o. sa m jo.
ow llo
ed we
! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 13/15
28/5/2020 Module 4 – Power App Controls
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Please turn to Module 9 page 9-31 to begin this lab where we will create a new blank app. The point of this
exercise is that the apps generated by the Power Apps wizard in previous exercises chose a lot of the controls for
Th app we need to pick the controls which would work Tbest
us. With a blank his for our solution.
is
do do
cu cu
me me
a n
lva int this
The app weNwill build exercise is a translation app. To help gather a
and nt
lva translate text, you will need to add a
ou roa b elo N ou roa belo
na to handle
number of controls rau n g
different tasks. To translate the text itself wen awill user a the nMicrosoft
g Translation data
uth jo3 s to uth ujo s
3@ to A
o r
source to our app. Weizwill @ A o r
ed talkgm about lvadata sources in more detail in module 5, but
ro
ize one gthing you
dc ma lvaro
will notice in this
ail
lab is how easy it is to addcoand pie use . c A
services.
rau o pie i l . c Ar
au
s a om jo. s a om jo.
llo llo
we we
d! d!
Key Points
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 14/15
28/5/2020 Module 4 – Power App Controls
The correct use of controls will reduce the time it takes you to build and maintain an app. Your apps will also be
more engaging, and people will be more likely to use them.
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No aro be No aro be
un ara long un ara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co ail o co ail o
pie .co Arau pie .co Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
No a be No a be
un roara long un roara long
au au
tho ujo3 s to tho ujo3 s to
riz @ A riz @ A
ed gm lvar ed gm lvar
co a o co a o
pie [Link] Arau pie [Link] Arau
sa m jo. sa m jo.
llo llo
we we
d! d!
Th Th
is is
do do
cu cu
m m
alv ent alv ent
N a b N a b
[Link] 15/15