►
From YouTube: Building Components in Power Apps - Demo
Description
Watch this short demo by Matthew Devaney to learn more about building components.
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
yeah,
my
slides
will
be
in
my
powerapps
presentation
there,
but
just
a
little
bit
about
myself,
I'm
matthew,
duvaney
and
you
know
recently
there
have
been
some
pretty
positive
changes
in
my
life
since
the
last
time
I've
been
on.
This
call
became
a
powerapps
mvp
in
biz
apps,
so
that
was
pretty
cool,
got
this
awesome,
pretty
cool,
power-ups
t-shirt
and
recently
I
started
a
brand
new
job
at
hitachi
solutions
as
a
power-ups,
developer
and
consultant.
A
A
So
I
used
to
be
an
accountant
now,
a
developer
instead
of
asking
myself
each
and
every
day.
What
does
it
take
to
be
a
great
accountant?
I
asked
myself:
what
does
it
take
to
be
a
great
powerapps
developer,
and
so
the
most
scarce
resource
in
any
job
is
time
right?
You
never
have
enough
time
to
do
anything,
so
you
have
to
learn
how
to
manage
your
time
effectively
and
be
pretty
efficient.
A
So
what
you
want
to
do
is
if
you've
gone
ahead
and
solved
the
problem.
You've
solved
a
problem
in
the
past.
You
want
to
remain
solved
in
the
future
and
hopefully
use
that
solution
again
and
again
and
again,
and
so
how
do
we
do
this
as
developers?
Well,
some
of
us
like
to
keep
a
onenote
on
the
side
with
you
know
a
few
code
snippets
to
kind
of
plug
in
here
there.
Some
of
us,
like
me,
have
a
huge
library
of
poc
apps
proof
of
concept
apps.
A
I
have
about
50
of
them,
which
you
can
just
kind
of
you
know
take
code
out
of
in
any
it
time,
but
probably
the
best
way
to
go
about
this
is
to
build
components.
So
components
are
just
like
building
a
really
small
section
of
your
app
that
you
can
copy
and
paste
and
reuse
again
and
again
again
in
different
scenarios.
So
the
fastest
way
to
solve
a
problem
is
basically
just
to
do
what
you
did
in
the
past.
A
Here's
an
example
of
a
component.
I've
made
to
do
just
that,
so
in
pretty
much
every
app
that
I've
ever
made,
there's
been
some
type
of
approvals
process
to
it.
Vivik
just
actually
showed
us
an
approvals
process
too,
but
there's
no.
You
know
visualization
of
that
in
powerapps.
You
have
to
go
ahead
and
build
it
for
yourself,
and
you
know
to
do
that.
A
It
takes
about
you
know
two
or
three
hours,
two
hours
to
build
it,
one
to
kind
of
vet
it
out
and
perfect
it,
and
you
don't
want
to
do
that
again
and
again.
So
what
I've
done
is
I've
made
a
little
component
here
that
shows
you.
You
know
the
process
here
starts
with
a
guy
named
eric
erickson.
You
can
give
him
a
title
and
it
goes
on
to
sally
summers.
Think
of
this
as
an
approvals
process,
who's
a
supervisor
that
goes
to
me.
A
I
give
myself
the
title
of
manager
and
so
on
so
forth,
and
as
you
go
through
the
process,
you
can
get
a
little
check
or
a
little
x
to
show
if
something's
been
accepted
or
rejected,
and
the
current
person
in
the
process
has
a
little
orange
circle
around
them.
So
to
show
you
how
this
works,
I'm
just
going
to
go
to
the
next
screen
here.
A
So
this
is
an
it
requests
form
it's
nothing
more
than
a
you
know,
a
simple
form
of
powerapps
and
as
a
person
working
at
a
company,
you
can
go
ahead
and
request
a
desktop
dc
for
a
thousand
bucks
write
a
comment.
I
want
it
really
bad
and
when
I
click
the
submit
button
here,
you'll
see
that
I've
sent
it
forward
to
the
next
person.
Sarah
green
who's,
the
manager,
there's
a
little
check
box
here
and
now
I'm
acting
as
sarah
green.
Do
I
want
to
approve
or
reject
it?
A
I
click
approve
and,
as
david
johnson,
the
it
manager
I'm
going
to
reject
it
and
so
check
check
x,
so
that
would
have
taken
a
really
long
time
to
build
if
I
had
done
it
from
scratch,
but
just
implementing
a
component
it
took
about.
I
don't
know,
maybe
about
10-15
minutes,
to
get
this
functionality
in
there
and
for
those
who
want
to
download
this
component.
I
am
going
to
throw
a
little
link
in
the
chat.
That's
right,
you
guys
can
have
it
there
for
free
no
charge.
A
So
what
I'd
like
to
do
with
the
remaining
mates
in
this
call
is
just
to
show
everybody
how
you
can
go
ahead
and
build
a
very
basic
component
for
yourself,
and
so
I
was
thinking
what
would
I
like
to
show
the
group
today?
What
should
we
do
here,
and
you
know,
one
of
the
things
I
really
feel
is
missing
from
powerapps
is
a
time
picker
component.
A
We
use
dates
all
the
time
and-
and
you
know,
time's
pretty
common
too.
We've
got
a
date
picker,
but
we
don't
got
a
time
picker,
so
how
this
particular
component
works
that
we're
going
to
build
today.
Is
you
know
you
click
on
this
little
text
input
right
here,
a
little
time.
Picker
shows
up,
you
can
go
up
down,
scroll
up
and
down
pick
a
particular
time
and
it
shows
up
in
the
text
box.
So
the
really
nice
thing
is
that
this
is
mobile
friendly
too
right.
A
It
doesn't
use
drop
down,
so
you
can
scroll
up
and
down
with
your
thumb,
works
really
really
great
in
the
ipad.
What
do
you
think
of
that
chuck
and
todd?
Are
you
excited
to
build
a
little
bit
of
this
today?
Yo
yeah
yeah?
Let's
do
it
awesome
yeah?
Let's
do
it
to
it.
So
I'm
going
to
zoom
out
a
little
bit
here
and
I'm
going
to
go
to
the
component
section
of
powerapps.
A
It
should
only
take
about
you,
know
five
minutes
or
so
to
get
the
basic
functionality
down.
So
all
I've
done
in
advance
for
this
presentation
was
I
clicked
on
this
little
new
component
button
to
put
a
new
component.
That
said
on
the
screen,
and
then
I
made
a
label
inside
here
and
gave
it
a
nice
black
border
to
show
where
the
boundaries
of
our
component
are
so
I
just
thought
that
would
speed
things
up
a
little.
A
A
A
The
next
thing
we
want
to
do
is
we
want
to
load
this
with
values
for
the
hours,
so
we're
going
to
write
a
little
a
sequence
function
here.
If
you
haven't
used
sequence
before
it's
awesome,
you
can
automatically
create
a
sequence
of
numbers,
just
programmatically
right
who
wants
to
type
out
1
through
12,
and
we
can
do
have
powerapps
do
that
for
us
and
we're
going
to
do
a
little
bit
of
formatting.
So
we
have
a
leading
zero.
A
Next,
we're
actually
going
to
show
this
inside
of
the
gallery.
Show
these
numbers
to
prove
that
the
sequence
function
worked,
so
I'll,
throw
a
label
in
there
and
hey.
What
do
you
know
it?
Pops
up
now
we
got
the
numbers
1
through
12.
A
really
got
to
thank
the
powerapps
team
for
this
one,
like
I
absolutely
love
the
sequence
function
and
it
saved
me
so
much
time
so,
if
anyone's
on
the
call
who
helped
build
that
today.
Thank
you.
Thank
you.
Thank
you.
Okay.
So
now
we've
got
our
numbers
in
here.
So
let's
do
some
quick
styling.
If
we
want
this
to
be
reused
in
multiple
places,
we
ought
to
give
the
person
who's
putting
it
into
the
app.
You
know
a
way
to
control
that
right.
We
ought
to
give
them
properties
that
they
can
they
can
use.
A
So
we
can
build
our
own
custom
property
by
clicking
on
the
component
going
over
here
clicking
the
plus
button,
and
I
want
to
create
two
properties.
One
called
selected
fill
to
show
the
background
color
when
I've
clicked
something
and
we
can
actually
use
a
data
type
of
color,
which
is
pretty
nifty,
and
then
we
want
to
do
selected,
color
and
pick
a
color
here
as
well.
A
A
A
There
we
go
click
on
it,
so
there's
60
minutes
in
an
hour,
so
I'm
probably
going
to
want
to
type
60
there
and
value
minus
one.
So
we
can
start
at
zero,
zero.
Perfect.
We
got
the
minutes.
A
A
There
we
go
so
we've
got
the
basics
of
our
of
our
little
time.
Picker
right
here,
I
think
the
last
thing
I'm
going
to
do
is
hide
the
scroll
bar
because,
like
using
this
little
visual
design
principle
that
you
know
the
number's,
only
half
showing
the
user
is
going
to
be
able
to
know
they
should
scroll
up
and
down.
So
that
way
they
don't
have
to
think
about
using
the
scroll
bar.
A
So
with
the
remaining
two
minutes
here,
the
last
thing
that
we
want
to
do
is
we
want
to
output
something
right,
because
we
don't
want
the
time
value
to
be
trapped
inside
this
component.
We
actually
want
it
to
be
displayed
in
the
text
box,
which
is
not
part
of
it.
A
So
last
thing
I'm
going
to
do
is
I'm
going
to
click
on
my
my
time.
Picker
again,
I'm
going
to
create
a
new
property
called
well,
I'm
going
to
pick
the
date
and
time
type
first,
and
I'm
just
going
to
call
it
value
right.
We
want
to
call
it
something:
the
user
is
used
to
and
they're
always
using
dot
value.
A
Let's
just
make
sure
this
is
picking
stuff
up
gallery
time,
picker
hours
there
we
go,
because
I
had
that
funny,
looking
capital
I
so
all
it's
really
saying
here
is
put
the
time
in
a
variable
when
the
user
clicks
on
something
and
by
the
way
for
the
time,
so,
if
so,
with
the
so
what
we
do
here.
Finally,
is
we
had
that
value
property
and
very
time
value
there
we
go.
We
had
a
variable,
there
called
veritime
value.
I
just
copied
it.
A
Okay,
so
the
the
problem
that
I
had
actually
set
this
value
here
to
an
input
property
and
so
the
reason
it
wasn't
finding
that
that
variable
when
we
went
ahead
and
clicked
these,
these
gallery
items
is
because
well
it's
an
input
property.
You
can't
find
something
inside
the
component.
That
makes
absolutely
less
than
no
sense
right
chuck.
A
A
Routing
at
it
time
all
right,
well,
awesome!
Well,
hey
thanks!
Everybody
for
for
follow
along
with
me
here.
I
just
want
to
say
yeah.
I
plan
to
put
this
time
picker
out
as
a
component
on
the
community
gallery
as
well
as
a
date
picker
as
well.
So
if
you
enjoy
it
just
make
sure
to
go.
Follow
me
on
twitter
and
sometime
next
week,
I'll
post
it
and
thanks
for
having
me
once
again
chuck
a
dog
thanks,
really
awesome
demo
there.
I
love
how
you
coding
on
the
fly.