►
From YouTube: Power Apps Advanced Components - Demo
Description
Learn about advanced components in Power Apps in this short video by community member Dawid van Heerden.
This demo was taken from the November community call https://youtu.be/fG2_YDG5EDU
For more information, visit https://powerapps.microsoft.com
To attend live, monthly community calls, download the series at
https://aka.ms/powerappscommunity call
Stay connected
Twitter https://twitter.com/microsoft365dev
YouTube https://aka.ms/M365DevYouTube
Blogs https://aka.ms/M365DevBlog
A
So,
just
as
it
is
about
time
for
a
time
picker
on
powerapps
a
couple
of
months
about
a
year
ago,
we
felt
that
it
was
really
time
for
a
model
dialogue
or
a
pop-up
or
whatever.
You
want
to
want
to
call
that.
So
we've
built
the
pop-up
component,
and
this
is
not
the
first
time
that
we've
had
it
on
the
show.
A
So
we've
we've
been
here
before,
but
today
we're
going
to
show
you
a
little
bit
more
about
how
it
works
in
the
back
end
and
to
show
you
how
to
how
to
typically
build
something
like
this.
So
for
those
of
you
who
haven't
seen
it,
you
can
go
and
grab
it
at
aka.ms4,
slash,
powerapps,
dash,
popup
and
there's
a
whole
document
on
how
to
get
up
and
running
with
it,
and
it
explains
it
in
great
detail.
So
I'm
not
going
to
bore
you
with
those
those
installation
steps
today,
but
what
I'm
going
to
show?
A
You
is
just
on
a
very
high
level
what
it
is
that
it
what
it
does
and
typically,
if
you
don't
have
something
like
a
pop-up
component
every
time
you
want
to
have
interaction
with
the
user,
whether
it's
a
confirmation
or
just
a
simple
message
that
you
want
to
display
to
the
user.
You
typically
have
to
go
and
create
controls
on
the
screen.
You
have
to
group
them.
A
You
have
to
hide
them
based
on
certain
conditions
and
all
of
that
works
pretty
well
until
you
have
30
pop-ups
in
your
application
and
now
half
of
your
application
is
just
made
up
out
of
pop-up
components,
and
all
of
that
is
doable,
but
the
problem
is
at
the
end
of
the
project.
When
the
client
says
we
love
this
app,
but
can
you
change
something
in
the
pop-up?
So,
let's
change
a
color
for
an
example
which
means
you're
going
to
go
back
and
do
it
30
times
now.
A
I'm
just
way
too
lazy
for
that,
and
that's
that's
the
reason
for
this
pop-up
component.
So
what
it
is
that
I'm
on
about
is
if
you
go
and
have
a
look
at
this
app.
This
is
just
a
demo
app
that
displays
all
of
the
different
methods
that
you
can
interact
with
the
pop-up
and
you'll
see
that
this
is
version
15
draft
for
those
of
you
who
have
used
this.
The
latest
version
that's
published
is
version
14,
so
this
one
includes
a
few
nicely
enhancements
which
I'll
show
to
you
enough
in
a
few
minutes
as
well.
A
First
of
all,
you'll,
if
you
click
on
the
ok
button
over
here,
it'll
just
give
you
a
very
basic
pop-up
it'll
tell
you
the
quick
brown
fox
jumps
over
the
lazy
dog
and
if
you
click
on
okay,
you'll
see
that
it
actually
writes
that
feedback
back
into
the
application.
It's
very
important
to
understand
that
a
component
is
actually
outside
of
the
application,
so
you
have
to
manage
the
way
that
you
get
the
responses
back
into
it.
So,
similarly,
you
can
do
a
simple,
yes,
no
component,
so
this
is
good
for
confirmation.
A
So
are
you
sure
you
want
to
delete
this
record?
Yes,
no
and
the
same
you'll
see
that
it
writes
the
response
back
into
the
app.
Similarly,
you
can
have
a
yes,
no
cancel
and
in
this
app
we'd
also
do
pop-ups
with
a
little
bit
longer
messages
just
to
show,
and
we
also
use
this
to
test
the
pop-up
while
we
develop
on
it
so
text
input.
So
all
of
these
are
just
basic
pop-ups.
That
will
give
you
information.
A
The
next
ones
actually
require
you
to
gather
information
from
the
user,
so
they
will
see
a
text
input
and
they
it
says
we
are
looking
for
the
fox's
name.
So
let's
call
it
foxy
and
if
you
update
that
it
writes
it
back
into
the
app.
Similarly,
you
could
do
a
text
array,
so
you
can
actually
have
a
list
of
for
the
user
to
choose
from
so
they
can
go
and
choose
mickey
or
donald
and
then
click
on.
Ok,
you
could
also
do
office.
365
users
look
up
so
typically,
this
is
good
for
people
picker.
A
So
if
you
go
and
say
I'm
looking
for
myself,
if
you're
going
to
write
that
in
it'll
actually
stamp
that
data
back
into
the
into
the
app.
Similarly,
we
have
a
writing
control
a
slicer,
so
we
can
actually
go
and
get
some
slicing
going,
and
this
is
these
are
two
of
the
newer
inputs.
In
addition
to
the
family,
first
is
a
pen
input,
so
this
allows
you
to
just
write
on
the
screen.
A
A
And
we
can
attach
another
one
as
well,
so
let's
go
and
do
a
I
don't
know
an
excel
file
and
because
it
can't
preview,
the
file
it'll
just
give
you
an
excel
and
excel
icon.
So
this
is
my
file
and
then
it
allows
you
to
specify
categories,
and
all
of
these
you
can
pause
dynamically
to
the
pop-up
to
the
user
and
if
you
click
on
ok,
it's
just
going
to
show
you
the
first
file
because
of
the
controller
we're
using
over
there.
A
But
this
is
the
the
functionality
that
we're
actually
busy
with
right
now
we're
busy
testing
it
making
sure
it
works
well
and
then
we'll
release
the
latest
version
to
the
community
all
right.
So
sorry,
there
is
one
thing
more:
it's
the
the
load
spinner.
So
this
will
allow
you
to
just
call
a
load
spinner
from
with
anywhere
in
the
app
you
don't
have
to
every
time
go
and
create
those
controls
in
order
to
to
get
it
done.
So
if
you
go
and
set
a
variable,
you
can
get
the
load
spinner
going
right.
A
So
what
does
this
thing?
Look
like
in
the
background.
So,
if
you're
going
to
look
at
all
of
these
buttons,
you'll
see
that
the
weather
we
call
them
we're
just
writing
a
basic
instruction
into
a
collection
and
then
the
component
reads
that
instruction
and
then
understands
what
it
is
that
you
expect
from
it.
A
So
you'll
see
it's
an
it's:
okay,
pop-up
there's
the
message
you
can
have
the
kind
of
icon
you
want
to
display,
as
well
as
the
icon,
color
and
then
also,
if
you
want
to
get
a
response
back
from
it,
you
can
go
and
give
it
a
a
logical
name
which
you
could
then
catch
with
a
toggle
in
which
and
and
then
actually
write
logic
to
go
and
fire
off
or
trigger
when
that
logical
name
is
received
back.
So
that's
for
a
normal
okay.
Let's
go
look
at
something
like
a
slider.
A
We
again
we're
just
parsing
some
of
the
parameters
into
the
collection
and
this
time
we're
telling
it's
an
input
and
it's
a
slider
in
this
case
message
and
then
the
specific
configurations
relating
to
the
slider.
So
in
other
words,
what
is
the
default?
What
is
the
tooltip
and
the
minimum
and
maximum
values?
A
And
that's
what
gives
you
the
functionality
now
what
happens
on
the
on
the
component
side?
If
I
go
into
the
component
screen
you'll
see
that
I'm
just
grouping
all
of
these
things
together,
so
the
real
good
stuff
is,
is
in
the
component
a
bit.
So
if
we
go
and
have
a
look
at
the
gallery,
you'll
see
that
the
gallery
is
simply
just
reading
the
first
item
in
that
collection.
This
is
a
flexible
height
gallery
and
and
that's
why
we
use
it.
It
makes
all
of
this
a
lot
easier.
A
So,
even
though
we're
only
showing
one
item
at
a
time,
it
still
makes
sense
to
you
to
use
the
the
gallery
for
that
and
then
inside
of
this
gallery,
we've
got
all
of
the
different
controls
and
you'll
see
that's
the
slider
as
an
example.
If
you're
going
to
click
on
the
slider,
you'll
see
that
that
now
reads
all
of
the
parameters
from
that
collection
and
then
it
knows
whether
it
should
be
visible.
A
What
size
it
should
be,
what
color
it
should
be
and
and
so
on
and
so
forth,
and
then
this
entire
component
is
just
built
with
normal
canvas,
apps
components.
There's
no
development
done
here,
and
this
is
a
great
example
of
a
component
that
really
will
save
you
a
lot
of
time
instead
of
having
to
go
and
develop
this
every
time,
you're
looking
to
generate
a
pop-up
to
the
users
right.
So
in
a
nutshell,
that's
that's
what
I'm
going
to
show
you
today.
Are
there
any
questions?
Anything
in
particular
that
you
guys
would
like
to
see.
A
So
david
I've
heard
that
you're,
basically
a
lazy
guy.
That's
all
I
heard
that's
that's
not
unchew!
That's
not
that.
I
love
that.
Oh,
this
is
awesome.
Thank
you
yeah.
It's
amazing
right,
so
I've
posted
a
link
in
in
the
the
chat,
so
please
go
and
check
it
out.
There's
some
very
in-depth
instructions
on
how
to
get
up
and
running
with
it
with
all
of
the
different
methods
that
you
can
use
in
order
to
call
it
there's
also
been
some
great
feedback
from
the
community
and
people
who
recommended
enhancements
to
it.