►
From YouTube: Microsoft Power Platform community call – June 2022
Description
Latest updates and news on Power Platform including community events, training opportunities and a warm welcome to the newest member of the Power Platform team - Hugo Bernier - Community Program Manager for Power Pages. Two demos delivered – Taking your Power Apps mobile navigation UI to the next level! And Power to the Pages – Introduction to Power Pages! Don’t forget to register for Power Platform Samples Contributor and Writing for the Web, events this month. This call was hosted by David Warner II (Microsoft) | @DavidWarnerII and recorded on June 15, 2022. Questions addressed in chat throughout the call.
Stay connected – (all groups) (Blog and YouTube posts)
• See the full blog post for this call in the Microsoft 365 platform community blog - https://aka.ms/m365pnp/blog
• Microsoft’s Power Platform website - https://powerplatform.microsoft.com/
• Twitter - https://twitter.com/microsoft365dev
• Twitter: https://twitter.com/MSPowerPlat
• YouTube - https://aka.ms/m365pnp/videos
• Recurrent Invite - https://aka.ms/powerappscommunitycall
• Call attention to your great work by using #PowerAppsCC and #PnPWeekly on Twitter.
• Next call July 20th at 08:00am PST | https://aka.ms/powerappscommunitycall
A
Live
from
microsoft
headquarters
in
seattle,
washington,
this
is
the
microsoft
power
platform
community
call
for
june
2022.
My
name
is
david
warner
and
I
will
be
your
host
today.
We
are
so
excited
for
our
amazing
agenda.
Today,
we've
got
latest
updates
and
we've
got
an
exciting
announcement
on
power
pages
woo
we're
going
to
have
a
group
picture
with
together
mode
and
then
we're
going
to
see
amazing
all-stars
as
part
of
our
presenters
today,
christine
and
hugo
first,
let's
talk
about
a
little
opportunity.
A
We
would
like
all
of
you
to
be
able
to
present
on
this
community
call.
We
welcome
everyone
to
present
a
demo.
It
could
be
a
simple
pattern.
It
could
be
a
tip
or
trick.
Everyone
is
welcome.
Aka
dot,
ms
forward
slash,
ppcc
demo
request.
Please
don't
hesitate
to
sign
up
and
if
you'd
like
to
be
provided
with
a
buddy,
perhaps
you've
never
actually
done
a
presentation
together
and
you're
a
little
nervous
about
it.
A
We
want
you
to
be
empowered
and
successful,
so
we're
offering
to
partner
you
up
with
some
members
of
the
team,
as
well
as
other
members
within
the
community,
to
ensure
that
you
are
empowered
to
be
able
to
do
an
amazing
demo.
So
please
don't
hesitate
to
submit
your
information.
We
welcome
everyone,
whether
you're,
new
or
experienced.
We
want
you
to
be
part
of
this
community
and
be
able
to
present
on
this
community
call.
A
A
We
have
our
power
platform
samples
as
well,
so
we
want
to
ensure
that
everyone
is
aware
that
there
is
sample
repositories
where
you
can
actually
provide
samples.
Now,
if
you
feel
like
well,
I
don't
know
my
samples
are
not
quite
meeting
up
to
what
others
are
they're,
just
simple
implementations
on
how
to
show
and
do
a
particular
thing
or
sample.
Then
it's
okay.
We
want
you
to
show
that
and
share
that
with
the
world
we
have
repositories
set
up
and
in
fact
we're
going
to
bubble
those
samples
up
to
the
adoption.microsoft.com
platform.
A
Now
this
is
very,
very
cool,
because
that
means
you're
going
to
get
your
own
personal
profile
at
adoption.microsoft.com.
That
shows
all
the
samples
that
you
submitted
and
these
are
free
to
the
world.
These
are
not
something
that
you
have
to
pay
for
they're
done
by
the
caring
contributions
of
everyone
in
the
community,
and
they
are
not
something
that
you
have
to
pay
for
at
all,
so
don't
hesitate
to
submit,
don't
hesitate
to
go
use,
please
we
want
to
help
you
provide
those
samples
to
the
world
and
really
we're
better
together.
A
Two
heads
are
better
than
one
three
are
better
than
two
and
when
we
work
together
to
show
the
world
on
how
we
can
create
amazing
things
within
the
power
platform
we're
in
a
better
place,
so
don't
hesitate
to
do
that,
but
you
may
say
what
is
github,
I'm
not
even
quite
sure
how
that
works.
I
have
no
idea
what
a
pull
request
is
or
a
fork,
I'm
not
hungry
at
all.
Well,
we
are
here
to
provide
you
guidance
in
the
form
of
a
program
called
sharing
is
caring.
A
The
sharing
is
caring
program
will
provide
hands-on
guidance
on
how
you
can
get
involved
in
the
community.
So,
for
example,
you
do
want
to
present
on
one
of
these
calls,
but
you're
a
little
nervous
that
maybe
it's
your
first
time
we've
got
opportunities
to
teach
you
tips
and
tricks
on
presentations.
A
You
would
like
to
submit
a
sample,
but
you're
not
quite
sure
how
the
github
navigation
works,
we're
going
to
provide
you
hands-on
assistance.
These
are
safe
space,
free
all,
hands-on
opportunities
for
you
to
ask
questions,
learn
how
to
do
amazing
things
and
submit
your
samples.
They
are
available
for
free
at
no
cost.
They
are
not
recorded.
So
you're
welcome
to
ask
any
and
all
questions
that
you
may
have
and
not
be
fearful
that
it
can
be
recorded
or
something
like
that
and
don't
worry.
There
are
no
bad
questions.
We
all
started
somewhere.
A
I
know
the
first
time
I
submitted
a
github
pull
request.
I
was
nervous
as
could
be
thought
everyone
was
gonna,
see
that
I
messed
up,
and
I
did-
and
I
just
corrected
it-
it's
okay,
we're
here
to
help
one
another,
so
don't
hesitate
to
sign
up.
We've
got
a
power
platform
contributors
sharing
his
caring
session
coming
up
on
june
29th.
A
First
of
its
kind
recognition
program
that
is
done
by
the
community
for
the
community.
Credly
is
the
same
credly
that
provides
those
badges
that
you
get
when
you
are
certified
for
microsoft
and
you
pass
a
certification
exam.
These
are
the
exact
same
badge
types
they're,
going
to
sit
right
next
to
your
certification,
badges
you're,
going
to
be
able
to
associate
them
to
your
linkedin
profile,
you're,
going
to
be
able
to
share
them
on
twitter.
Put
them
on
your
website.
Put
them
on
the
refrigerator.
A
Get
mom
excited
everyone's
going
to
be
happy
that
you're
going
to
get
these
badges
and
we
want
to
recognize
you
in
a
formal
and
official
and
an
accredited
way.
So
we
do
just
need
you
to
sign
up
and
opt-in.
You
can
do
that
at
aka
dot.
Ms
forward
slash,
m365
pnp,
dash
recognition.
You
give
us
your
github
information.
You
only
have
to
do
it
once
and
then
we'll
start
tracking
all
the
contributions
you
do
and
in
fact
our
wonderful
presenters
today
are
going
to
get
a
presenter
badge
for
providing
those
demos.
A
A
You've
also
all
likely
heard
about
the
power
platform
conference
coming
up
in
september,
so
excited
about
this.
We've
got
our
workshops.
Put
up.
We've
just
identified
community
sessions
that
are
going
to
be
posted
here
in
the
next
couple
of
days.
So
we're
super
excited,
there's
been
an
incredible
amount
of
excitement
and
submissions.
We
had
over
500
speaker
submissions
surfer
sessions
and
over
200
individual
presenters
that
submitted.
It
is
going
to
be
an
epic
first
of
its
kind
opportunity
within
the
organization
here
and
we
are
so
excited.
A
So
please
don't
hesitate
to
sign
up
for
this.
You
can
register
today
there's
going
to
be
a
lot
of
surprises.
Coming
up,
we
are
planning
some
really
fun
stuff.
Powerplatformconf.Com,
don't
hesitate
to
go,
get
signed
up.
The
early
bird
pricing
is
going
to
be
available
for
a
few
more
weeks,
so
you
want
to
take
advantage
of
that
and
make
sure
you
get
in
on
that
pricing.
A
Of
course,
we
also
have
the
low
code
revolution
show
by
our
favorite
april.
Dunham
amazing
show
that's
showing
off
all
the
amazing
people
in
the
community
that
are
doing
fantastic.
Things
definitely
check
this
out.
Aka
dot,
ms
forward
slash
low
code
revolution,
show
what
are
some
recent
news?
Well,
there's
not
much.
Oh
yes,
there
is
hugo
bernier
is
joining
the
team
as
a
community
program
manager
for
power
pages.
B
A
Is
joining
us
to
be
the
community
program
manager
for
power
pages
and
we
are
so
excited
to
have
him
so
how
about
a
round
of
applause
for
everybody?
We
are
so
thrilled
to
have
him
on
the
team
and
for
our
newest
release
of
power
pages.
It
is
going
to
be
amazing,
absolutely
amazing
and
in
fact
we
saw
that
power
platform
had
changed
a
little
bit
hugo.
Why
don't
you
walk
me
through
these
three
slides.
C
I
forgot
I
was
going
to
get
to
talk
about
this.
Well,
yes,
you
know,
there's
a
brand
new
product
in
the
family,
which
you
know
allows
you
to
actually
create
websites
that
are
low
code,
no
code
friendly
and
it's
built
on
the
power
of
power,
apps
portals,
but
it's
kind
of
a
whole
new
level
where
it's
truly
now
designed
for
a
low
code,
no
code
experience
and
you
don't
have
to
know
liquid
or
html
or
javascript
to
be
able
to
be
able
to
do
that.
A
A
Awesome,
thank
you,
hugo.
We
have
him
as
a
demo
today
to
introduce
us
to
power
pages,
so
the
timing
is
perfect.
Well,
that
time
has
come
that
we
all
love
optional
picture
time,
so
turn
on
your
camera.
Let's
show
the
community.
How
amazing
you
are
we're
going
to
record
a
little
gif
here
and
share
it
out
with
the
community.
Let
me
switch
over
to
together
mode,
and
I
will
share
my
camera,
and
all
this
being
done
on
one
screen
is
incredibly
hard
yeah.
A
C
A
And
okay,
I
know
it's
slowly,
sharing
here,
all
right.
There
we
go
all
right.
I
can
capture
from
this
all
right.
Let's
tell
everybody
in
the
community
how
we
are
sure
start
waving,
woo,
say
hello:
everybody
wave
hello,
nice,
full
house!
This
is
awesome.
Absolutely
amazing!
You
are
all
fantastic.
Super
super,
fantastic
love!
It!
Okay!
A
D
D
So
what
we're
going
to
talk
about
today
is
obviously
navigation
in
powerapps,
it's
a
very
hot
topic
right
now
and
then
and
generally
ui
and
ux
is
a
very
hot
topic
for
anyone
that
doesn't
know
me.
I'm
an
active
community
contributor.
You
might
have
seen
me
on
twitter
or
linkedin,
constantly
sharing
some
various
tips
and
tricks
on
how
to
kind
of
take
ui
to
to
the
next
level.
D
Anyone
that
wants
to
connect
with
me.
This
is
the
qr
code
for
my
linkedin,
my
twitter,
all
of
my
socials
as
well,
and
my
github
repos.
If
you
want
to
get
some
free
components
that
will
surely
be
submitted
to
the
repository,
please
get
them
from
from
there.
So
let's
talk
about
mobile
navigation
first
and
why
it
actually
matters
now
in
the
ux
and
ui
world
we
have
what's
called
the
thumb
zone.
D
Now,
if
I
was
to
kind
of
talk
to
you
about
what
the
time
zone
is,
if
I
was
to
just
grab
my
phone,
the
samsung
needs
to
effectively
be
airy.
That's
easily
reachable,
and
can
everyone
see
my
thumbs
by
the
way
can
can
everyone
see
what
I've
got
on
my
screen
and
I'll
just
move
you
to
the
next
slide,
so
the
thumbnail
is
effectively
the
area
that
you
can
easily
reach
with
your
thumb,
while
you're
navigating
across
the
application.
D
So
the
top
kind
of
bar
on
on
here
is
the
area
that's
very
easily,
reachable
without
having
to
kind
of
stretch
your
thumb,
then,
as
we
go
a
bit
further
up,
you'll
find
that
it's
quite
difficult
to
actually
be
able
to
reach
where,
if
you
get
to
the
very
top,
it
will
be
pretty
impossible.
Now,
if
you're
anything
like
me,
I'm
a
very
lazy
person.
I
tend
to
kind
of
prop
my
phone
like
that
and
try
and
reach
the
top
of
the
screen
the
amount
of
times
I've
dropped.
My
mobile
phone.
D
I
can't
count
on
one
hand.
Unfortunately,
so
I've
had
to
have
the
screen
replaced
many
times.
So
what
you
want
to
make
sure
is
that
your
mobile
navigation
is
actually
on
the
bottom
here,
so
for
any
user,
that's
using
application
be
able
to
quickly
access
all
of
the
important
screens
in
your
application
directly
from
from
here.
So
why
does
mobile
navigation
actually
matter
now?
The
first
reason
why
it
matters
is
accessibility.
D
I
have
seen
this
many
times
where
people
have
placed
say
a
cog
icon
as
an
example
on
the
top,
and
then
the
users
will
have
to
press
on
the
cog
to
get
like
a
pop-up
menu
or
a
fly-out
menu
and
then
choose
a
setting
from
there.
Now,
if
you
are
a
person
struggling
with
with,
let's
say,
motor
skills,
so
you're
having
to
kind
of
navigate
through
application
with
one
hand,
it's
going
to
become
very
difficult
for
a
user
to
actually
reach
that
cog
setting
and
then
try
and
get
to
to
that
point.
D
If
you
are
using
a
screen
reader
as
an
example,
the
screen
reader
will
not
even
pick
up
your
flyout
menu.
So
if
you
have
a
flyout
menu
that
will
become
visible
when
you
press
the
button,
the
screen
reader
will
not
actually
pick
it
up.
What
will
effectively
happen
is
the
screen.
Reader
will
read
everything,
that's
on
the
screen
and
then
the
moment
the
person
presses
the
button.
D
The
screen
reader
will
read
the
whole
screen
again
and
then
at
the
end
of
the
screen
reader.
It
will
then
talk
to
the
user
about
about
the
money
that
they
have
on
the
screen.
Now.
Another
set
of
users
that
might
be
affected
as
well
is
people
that
use
what's
called
assistive
touch.
So
I'm
not
sure
if
you've
ever
heard
of
that
a
lot
of
smartwatch
brands
allow
you
to
actually
navigate
through
your
mobile
phone
by
using
hand
gestures.
So
if
you
have
a
smartwatch,
you
are
able
to
do
this
to
navigate
three
application.
D
Now
I
don't
think
I
have
to
say
that
if
you
have
a
cog
setting
somewhere
on
the
top
of
your
screen
and
you're
having
to
navigate
through
application
using
hand
gestures,
you
are
going
to
do
this
about
10
or
20
times
by
the
time
you
get
to
the
setting
that
you
want
to
reach
now.
The
second
reason
why-
and
it's
very
interlinked
with
the
first
one-
is
around
tuesday
experience.
Now,
if
you're
a
user,
I
mean
we're
all
in
a
rush
always
busy.
We
want
to
be
able
to
do
something
with
an
application
within
seconds.
D
You
don't
want
to
have
to
navigate
to
a
menu,
go
to
a
sub
menu
and
then
have
to
try
and
navigate
through
your
screens.
You
want
to
be
able
to
open
your
application
and
have
some
kind
of
money
on
the
bottom.
So
if
you
want
to
submit
a
new
request,
if
you
want
to
see
your
basket,
if
you're
using
a
shopping
application,
you
want
to
be
able
to
just
click
on
the
button
on
your
screen.
D
Doesn't
matter
what
screen
you're
on
you
want
to
be
able
to
press
that
button
and
get
to
that
immediately
and
the
last
reason
I
know
it's
slightly
cliche,
I'm
kind
of
biased,
because
I'm
a
very
ux
ui
person.
If
your
application
looks
awesome,
your
users
will
love
it.
The
user
adoption
will
be
much
higher
as
well,
so
your
people
will
want
to
use
the
applications
in
the
future
as
well.
Now
one
thing
that
I
hear
quite
often
is
christina:
I'm
not
a
designer.
I
don't
do
coding.
I
don't
know
where
to
start.
D
I
just
wanted
to
work.
One
thing
I
always
say
is
get
inspired.
If
you
don't
know
how
to
create
nice.
Looking
things
you
know,
there's
still
there's
still
hope
for
you.
I
promise
so
there's
three
kind
of
resources
that
I
always
recommend
to
kind
of
use.
The
first
one
is
codepen.
I
o
now.
If
you've
worked
in
software
development
or
web
development,
you'll
be
very
familiar
with
codepen,
it
allows
you
to
see
how
different
developers
tackle
a
specific
problem,
whether
that's
a
website,
an
animation
whatever
that
might
be
and
actually
see
the
code
snippets
too.
D
So
if
you
want
to
get
a
little
bit
inspired,
please
do
not
copy
someone's
work.
You
can
easily
see
how
someone
has
actually
tackled
that
problem
now.
The
second
website
is
called
drupal.com.
Drupal.Com
works
similarly
to
codepen.
So
it
allows
you
to
see
wireframes
of
websites
animations
and
all
of
that,
but
you
don't
actually
get
the
chance
to
see
the
code
snippet.
D
So
if
you
want
to
use
dribble,
please
be
aware
that
you
will
not
be
able
to
actually
see
what's
what's
in
the
back
end,
and
the
third
kind
of
suggestion
I
always
have
is
just
take
your
mobile
and
see
what
you
like.
So
if
you
open
up
your
mobile,
I'm
not
sure
about
you.
I
have
dozens,
if
not
hundreds
of
applications
on
my
mobile
phone
pick
the
application
that
you
used
the
last
time
if
you
liked
it
see
how
he
navigated,
through
the
application,
see
if
you
liked
it.
D
What
did
you
like
about
it
and
try
and
replicate
that
into
your
power
app
so
without
any
further
ado,
let's
actually
crack
on
with
the
demo,
because
I
have
a
very
exciting
demo
to
show
you
so
what
I
have
done
for
today.
If
I
just
quickly
navigate
to
my
application,
there
we
go,
I
have
an
application
and
hopefully
you
can
all
see
the
the
application
itself.
It's
an
application
called
apartment
manager.
Now
this
is
an
application
that
I
demoed
at
the
scottish
summit
last
year.
D
When
I
was
sorry
last
weekend,
it
wasn't
last
year
when
I
was
doing
an
accessibility
demo,
and
this
application
allows
you
to
do
things
like
changing
settings,
personal
settings,
changing
the
language
triggering
a
screen,
reader
change
the
theme
and
do
love
all
of
that.
So
the
kind
of
use
case
for
the
application
is
very
simple.
I've
recently
moved
houses
and
I
have
a
terrible
memory.
D
So
every
time
I
went
to
ikea
or
to
a
furniture
shop-
and
someone
asked
me
how
large
the
room
was,
I
would
forget
or
give
them
the
wrong
measurement
and
then
obviously
the
furniture
doesn't
fit
where
it
should
fit.
So
I
thought
well
perfect
use
case
for
power
app.
Let's
build
an
app,
I
can
take
to
a
key
and
actually
show
the
people
what
I'm
looking
to
to
achieve.
So
the
application
allows
you
to
see
all
of
the
rooms
and
all
of
the
measurements
directly
from
here.
D
So
I'm
able
to
navigate
to
one
of
the
rooms,
see
what
I
have
purchased
already
tick,
one
of
the
boxes,
if
you
want
to
add
additional
things
that
I've
purchased.
Now,
if
someone
asks
me
what
the
layout
of
my
room
is
again,
I
am
very
terrible
at
describing
things
I
can
easily
toggle
that
to
map
view
and,
as
you
can
see,
I
can
see
the
whole
kind
of
place
in
the
floor
kind
of
way
and
I
can
easily
take
click
on
one
of
these.
D
Let's
say
we'll
choose
the
walk-in
wardrobe
in
here
and,
as
you
can
see,
I
can
see
exactly
what
I've
bought
what's
still
missing
in
there
as
well.
So
the
key
thing
that
I
want
to
obviously
want
you
to
pay
the
attention
to
is
the
bottom
navigation
menu.
So,
as
you
can
see,
we
have
a
very
kind
of
clear
indication
as
to
where
in
the
screen
I
currently
am
now
from
an
end
user
perspective.
D
If
I
can
easily
navigate
to
the
home
screen
without
having
to
have
20
pop-up
menus,
that's
perfect
because
it
means
I
can
do
my
job
really
quickly
do
what
I
need
to
do
in
the
application
and
just
navigate
to
do
whatever
else.
I
need
to
do
so.
Let's
go
and
actually
show
you
how
this
is
built.
If
I
navigate
to
my
components
now
in
terms
of
how
the
actual
component
is
built,
it's
very
simple.
I
know
it
might
not
look
very
simple,
but
I
promise
it's
very
simple.
D
We
are
using
two
controls,
so
if
I
was
to
open
that
pop-up
in
there
we
have
one
control,
that's
the
html
text
and
the
other
one
is
the
gallery.
Now
the
html
control
is
what
is
driving
the
design
from
the
back.
So
if
I
was
to
hide
the
menu
on
here,
if
we
just
send
that
to
turn
visible
you'll
see
that
what
I
have
on
the
screen
is
just
a
very
simple
div
tag.
Well,
actually,
two
diffs
on
the
screen.
So
if
I
was
to
just
open
the
code
view
if.
E
D
Quickly
open
that
app
again,
that's
not
very
readable,
so
I
have
actually
prepared
vs
code
instead,
so
you
can
actually
see
what
we
have
in
here.
So,
as
you
can
see,
we
just
have
two
very
simple:
div
tags.
We
have
one
div
tag,
which
is
the
main
kind
of
navigation
menu
in
here.
Sorry,
if
I
just
quickly
pop
that
closed
and
then
we'll
open
vs
code
again
wherever
that
disappears
to
oops,
that's
disappeared,
perfect,
exactly
what
we
need
to
do.
D
Let
me
just
open
that
up
again,
open
that
in
there
so
you'll
see
that
we
have
a
very
simple
couple
of
disk
tags
with
with
just
some
very
simple
properties,
so
it
isn't
very
anything
kind
of
complicated.
It's
nothing
special
in
there,
just
something
very
basic,
but
that's
what's
giving
us
that
nice
kind
of
ui,
so
you
can
see
that
we
have
the
very
native
bar
on
the
bottom
here
again
very
simple:
div
tag,
it's
just
a
rectangle
with
some
nice
border
radius.
D
You
can
have
a
little
bit
of
nice
box
shadow
around,
so
it
just
gives
you
that
really
modern
kind
of
experience
that
you
will
see
on
in
a
native
application
and
then
the
second
part
of
that
is
obviously
our
menu.
So
if
I
was
to
turn
that
to
visible
the
menu
itself
is
very
simple,
if
I
was
to
just
navigate
to
the
actual
menu
items
which
we
have
in
the
component
and
we'll
go
to
many
items,
you
will
see
that
I
just
have
a
very
simple
table
with
three
columns.
D
The
first
column
is
the
menu
item.
This
is
what's
going
to
drive
the
kind
of
name,
so
if
you
wanted
to
add
the
label
as
to
what
screen
you're
on,
you
will
be
able
to
do
that
from
here
as
well.
Menu
screen
navigate.
So
this
is
the
screen
that
you
want
to
navigate
to
when
you
actually
press
the
button,
and
then
we
have
the
menu
logo
now
for
the
menu
logo.
I
am
using
an
svg,
which
is
why
it
looks
like
it's
a
lot
of
code.
It
isn't
a
lot
of
code.
D
I
promise,
if
you
want
to
learn
more
about
svgs,
I
will.
I
will
share
some
resources
as
well.
So
that's
what
we
have
in
here
now
that
we've
kind
of
put
all
of
that
resource
in
here.
We
just
need
to
derive
a
lot
of
the
colors
and
then
how
the
behavior
works.
So,
if
I
was
to
navigate
to
let's
say
menu
and
we'll
go
to
the
image
as
an
example,
what
you
will
see
here
is
that
the
color
of
my
svg,
we
have
the
property
here
path.
D
Fill
will
be
driven
by
whether
the
item
in
the
gallery
has
been
selected.
So
if
I
have
selected
the
gallery
item
and
the
screen
equals
the
screen,
I
am
currently
on
the
color
of
that
will
be
the
icon
color
hex,
which
is
a
custom
property
that
I've
added
to
the
component
for
any
other
kind
of
situation.
We
will
have
the
light
gray
color
that
you
saw
in
there.
D
So
if
I
was
to
just
navigate
back
in
here
and
we'll
go
to
our
application,
let
me
just
zoom
out
you
can
see
that
this
is
what
we're
doing
so
for
for
when
the
screen
is
actually
active.
The
color
of
the
svg
will
be
blue,
any
other
situation.
We
just
want
that
to
be
grey,
so
we
don't
care
what
what
color
we'll
have
in
there
now.
This
is
a
very
simple
menu.
D
I'm
not
going
to
lie
that
it's
a
very
complex
menu
might
look
much
nicer
than
it
actually
is,
but
there's
actually
a
few
more
demos
that
I'd
like
to
show
you.
So,
as
you
can
see,
on
the
left
hand,
side,
I've
gone
ahead
and
actually
built
not
one
but
eight
different
menus
to
kind
of
show
you
what
you
can
actually
achieve
within
within
here
see
if
I
navigate
to
see
screens
and
then
go
to
demo
and
I'll
quickly,
zoom
out.
These
are
just
a
couple
of
navigation
lines
that
I
have
built.
D
So
the
top
one,
as
you
can
see,
is
the
one
that
I've
just
demoed
to
you.
So
it's
a
very
simple
one
that
just
a
gallery
overlaid
over
html
control.
The
next
one
is
the
same
gallery,
but
for
the
background
property
for
html
control,
we
are
just
using
lineal
gradients.
So
I'm
not
sure
if
you
can
actually
see
if
I
was
to
just
quickly
zoom
in
you
can
see.
The
color
goes
from
lighter
blue
to
darker
blue
and
that's
all
we're
doing
again.
D
It
looks
very
modern
and
all
I've
done
is
you
just
copied
a
code
snippet
from
a
website
to
get
that
nice
linear
gradient
in
there
now
the
next
menu
you
might
recognize
from
some
of
the
kind
of
shopping
websites.
Most
of
the
time
when
you
go
to
to
a
kind
of
mobile
application,
where
you
can
do
do
a
little
bit
of
shopping,
whether
that's
clothes
shopping
furniture
shopping,
you
always
have
some
kind
of
basket
button
at
the
front
and
that's
because,
as
a
user,
this
is
the
key
thing.
D
D
You
know
that
this
is
the
key
button,
so
if
you
want
to
check
out
so
you
know
that
you
just
click
one
button,
you
don't
have
to
click
on
20
buttons
and
you
go
straight
there
again.
We
have
some
buttons
at
the
front.
So,
as
you
can
see,
this
is
giving
us
quite
nicely
experienced.
I
know
exactly
what
what
I'm
doing
now
the
next
one
is
a
little
bit
more
colorful
again
I
I
saw
an
application
that
had
a
similar
menu
and
thought
it
would
be
a
perfect
kind
of
use
case
for
power
apps.
D
So
for
this
menu,
as
you
can
see,
we
have
the
same
principle,
so
we
we
obviously
have
colorful
items
in
here.
The
principle
is
exactly
the
same.
If
I
was
to
just
navigate
into
here,
and
I
think
it
was
a
menu
number
there
we
go.
The
principle
is
exactly
the
same,
so
we
still
have
the
menu
items
in
here.
So
we
have
that
my
gallery
on
top
and
then
we
have
the
html
text
now
if
I
was
to
open
the
menu.
D
The
only
difference
that
we
have
in
here
is
that
I
have
another
div
tag
within
here
and
that
iftack
will
dictate
the
text
in
here
and
then
we'll
dictate
the
color.
That's
all
that's
changed.
Apart
from
that,
we
are
just
using
the
low
code
properties
that
we
can
change
within
the
application
without
having
to
use
any
code
to
customize
that
as
well
now,
the
next
kind
of
menu
is
very
similar
to
this
one.
The
only
difference
is
that
you
can
actually
pop
out
to
the
top
rather
than
pop
out
to
kind
of
sideways.
D
So,
as
you
can
see,
if
I
was
to
just
navigate,
we
have
different
colors
and
you
can
see
that
that's
kind
of
popping
up
to
the
top.
Now
the
next
one.
As
you
can
see
it's
a
little
bit
extra.
I
just
want
to
show
you
kind
of
what
you
can
do
with
with
lineal
gradient
and
then
a
bit
of
box
shadow
as
well
very
over
the
top.
I
can't
see
a
use
case
for
using
that,
but
it
looks
cool.
So
I
thought
I'd
include
that
in
here
and
then
the
last
one
is
my
favorite.
D
Now,
I'm
not
sure
if
you
can
actually
see
on
the
screen,
but
we
have
a
little
bit
of
animation
in
there.
Hopefully
you
can.
You
can
see
that.
So
again,
the
principle
is
exactly
the
same
and
I'll
show
you
in
a
second.
How
that's
built
all
we're
doing
is
we're
using
again
the
html
control
and
we're
using
the
gallery
items
on
in
here.
D
If
I
was
to
open
that,
you
will
see
that
I
just
have
a
very
simple
code:
snippet
to
say
that
I'm
animating
the
transform
property
at
the
transform
attribute
in
the
svg.
And
if
I
select
this
item,
I
want
this
to
start
moving
and
then,
if
it
isn't,
I
just
want
it
to
stay
static.
And
that's
all
we're
doing
just
a
very
simple
code,
snippets
that
I've
added
in
here
and
that
animation
will
be
there
persistently.
So
if
I
was
to
click
on
one
of
these
you'll
see
that
we
have
that
navigating
around
there.
D
D
So,
whether
you
are
a
developer
or
not
a
developer,
I
am
doing
a
lot
of
tips
on
how
to
actually
build
it
from
scratch
and
equally,
if
you
don't
want
to
learn
how
to
build
it,
because
you
don't
have
time
or
you're
not
keen
on
using
code,
these
will
surely
be
available
on
my
github
as
well,
so
I'll
make
it
available
for
for
everyone
to
use
any
questions
at
all.
Anyone
would
like
to
to
find
out
anything
anything
more.
A
A
Nobody
will
use
it
right
and
so
you've
shown
how
powerful
that
is
today,
really
fantastic,
we'll
get
all
the
blog
information
and
the
sample
information
into
the
the
the
blog
post
for
this
call
as
well,
and
we
will
ensure
that
everybody
has
access,
and
maybe
we
can
work
with
christine
to
get
a
version
of
this
up
into
the
sample
gallery
as
well,
because
it's
so
powerful,
so
that
would
be
really
fantastic
and
and
she'll
get
a
badge
for
that
awesome.
Thank
you.
D
C
Thanks
everyone
for
having
me
and
giving
you
the
opportunity
to
talk
about
power
pages-
and
you
know
I
think
if
you
were
here
last
month,
I
kind
of
snuck
in
a
presentation
about
powerapps
portals
and
the
whole
idea
for
this
was
to
you
know.
I
wish
we
could
have
been
able
to
talk
about
power
pages
last
month,
but
we
didn't
get
to
do
that.
C
So
I
started
talking
about
powerapps
portals
last
month
so
that
we
could
actually
see
the
difference
today
between
power
pages
and
paras
portals,
which
is
probably
the
number
one
question
everyone
everyone's
asking
is:
what's
the
difference
between
the
two?
So
we'll
definitely
talk
about
this,
but
you
know.
One
thing
that
I
wanted
to
to
say
is
that
this
is
really
intended
to
be
the
power
pages
design
series.
It's
not
going
to
be
just
one
presentation.
C
I
really
plan
on
going
deep
down
and
showing
you
real
life
usage
of
the
power
pages,
so
it's
kind
of
like
the
power
pages
cinematic
universe,
where
every
every
presentation
is
going
to
be
connected
to
the
other.
Maybe
I'll
need
to
get
some
after
credits
in
my
presentations
as
well.
So
we
already
did
the
introduction
to
powers
portals
and
if
you
remember
last
month
I
was
able
to
do
some
cool
stuff.
C
C
So
I
can't
change
that
and
that's
definitely
something
that
we'll
see
with
power
pages
that
we're
able
to
do,
but
over
the
next
little
while
what
we'll
be
doing
is
well
today,
I'm
going
to
show
you
an
introduction
to
power
pages
itself
and
then
we'll
talk
about
doing
your
own
branding
so
you're
not
stuck
to
use
the
branding
that's
available
out
of
the
box
or
even
the
designs
that
available
on
the
box.
Those
are
just
templates
for
you
and
you
know
you're
able
to
actually
bring
in
any
look
and
feel
that
you
want
to
have.
C
C
All
right
so
today
to
help
understand
the
difference
between
power
pages
and
paragraphs
photos.
We
should
probably
talk
about
the
the
family
as
of
maybe
a
little
over
a
month
ago.
You
know
just
before
build.
We
had
kind
of
these
four
components:
power,
bi
power,
aspire,
automate
and
power,
virtual
agents
and
with
power
apps.
You
could
build
some
amazing
applications
that,
but
you
know
like.
C
So,
let's
put
power
pages
where
it
belongs
right
in
the
family
right
there
all
right.
So
this
is
the.
This
is
the
slide
that
I'm
legally
obligated
to
show
and
and
my
presentation
so
power
pages
is
an
enterprise
grade
low
code
software
as
a
service
platform
within
the
power
platform
for
creating
and
hosting
rich
data
first
websites
at
scale.
C
C
You
can
also
have
kind
of
that
advanced
web
experience
for
devops
and
application
lifecycle
management
because
we're
not
taking
away
the
power
of
html
and
css
and
javascript.
In
fact,
one
of
the
things
that
I
have
been
saying
a
lot
is,
you
know,
with
the
majority
of
the
power
platform,
once
you've
reached
the
boundaries
of
what
power
platform
can
do
here.
C
So
it's
built
in
to
power
pages
the
ability
to
get
access
to
your
database
data
without
having
to
do
extra
work,
and
that
to
me
is
beautiful.
I'm
thinking
of
some
customers,
for
example,
one
of
the
the
large
government
organizations
in
in
my
province,
where
they
they
have
forms
for
every
single
thing.
Every
single
thing
that
you
want
to
do
in
that
government.
C
They
have
a
pdf
document
that
you
can
download,
you
can
print
you
can
fill
and
then
you
can
upload
again
and
then
they
have
to
have
someone
probably
take
that
information
and
re-transcribe
it
copy
and
paste
it.
Or
do
things
like
that
now.
Imagine
if
I
could
take
that
pdf
form
and
I
could
turn
it
into
a
model
driven
application
in
dataverse
and
then
expose
that
model
driven
form
into
a
power
page
and
allow
people
to
actually
submit
data,
but
then
that
data
is
actually
going
directly
in
dataverse.
C
It's
funny,
because
I
have
a
slide
for
that.
So
if
you
sign
up
now,
you
can
actually
try
a
free
trial
right.
So
you
can
go
to
powerpages.microsoft.com
and
I'll
be
doing
just
that
today.
So
I'll
show
you
the
experience
and
everything
and
don't
worry,
I'm
going
to
show
you
all
the
steps
to
make
this
happen.
So
you
can
play
the
version
of
this
presentation
at
home
after
I'm
done
here
all
right.
So
if
yeah
and
the
qr
code
will
be
posted
a
bit
later
in
the
in
the
chat.
C
But
the
first
thing
we
want
to
do
here
is
we
want
to
go
to
that
url
that
I
give
you
and
when
you
get
there,
it'll
give
you
power
pages
for
free
for
30
days.
You
just
need
to
put
your
email
address
now.
It
needs
to
be
a
microsoft,
365
email
address
and
then
you
get
and
this
this
is
not
a
blank
page.
By
the
way.
This
is
a
picture
of
snow.
C
C
Create
a
site,
and
then
you
have
kind
of
your
it's
asking
you
hey,
have
you
created
the
site?
Yes
or
no?
I,
it
doesn't
really
matter
really
what
you
do
here.
This
is
just
for
for
kind
of
statistics,
but
and
then
you
see,
there's
a
whole
bunch
of
templates
that
are
available,
and
you
know
we're,
starting
with
a
few
templates
that
are
already
available
for
you
to
use.
C
I
this
is
my
favorite
template
to
start
with,
because
it's
got
a
lot
of
features,
I'm
looking
for
and
again
we'll
go
through
the
various
templates
in
future
sessions.
But
let's
do
what
we
need
to
do.
Let's
actually
click
on
we're
going
to
choose
this
template.
So
come
on,
my
mouse
is
asleep
there
you
go,
choose
the
template
and
the
first
thing
it's
going
to
ask:
you
is
to
enter
a
name,
so
I
just
type
my
first
power
pages
and
then
you
go
through
this
animation.
C
That's
right:
that's
right!
David!
Are
you
streaming
some
netflix
while
we're
presenting
all
right
so
once
you
get
there,
you
actually
get
this
welcome
to
the
design
studio
and
this
design
studio
is
is
really
a
lot
richer
than
what
we
used
to
have
right.
We
always
used
to
have
a
preview
of
the
pages,
but
now
you'll
see
that
you'll
be
able
to
actually
go
into
the
pages
and
add
content
quickly
if
anyone's
used.
C
We
also
have
the
styling
ability-
and
you
know
again,
entire
apps
portals.
You
used
to
be
able
to
change
the
styles,
but
it
was
very
limited
here.
You
can
actually
edit
the
color
palette
to
make
it
look
and
feel
the
way
you
want
to
and
then
again,
but
wait
if
you
order
now
I'll
also
show
later
how
we
can
actually
go
in
and
really
completely
customize
it
to
really
fit
your
corporate
identity
and
then
my
favorite
part
again.
C
I
keep
on
saying
that,
but
it's
really
the
power
of
power
pages
is
that
I
can
actually
go
connect
to
my
model
driven
applications
behind
the
scene.
My
data
right,
my
my
tables
and
I
can
actually
connect
to
that
and
the
out
of
the
box
template
that
I
just
created,
starts
with
a
page
or
sorry.
A
table
called
feedback,
chooser
sessions,
I'll
show
you
how
we
can
design
data
for
our
applications
and
expose
that
data
in
a
secure
way
to
our
pages
and
then
finally
come
on
there.
You
go.
C
Finally,
within
the
pages
itself,
every
page
we
always
have
the
ability
to
do
a
preview
and
he
always
had
the
ability
to
do
previews
with
with
powerapps
portals.
But
this
is
a
whole
different
experience,
because
if
you've
ever
tried
to
test
your
powerapps
portal
from
a
mobile
device,
it
was
kind
of
you
had
to
type
retype
the
whole
url
and
I'm
not
very
good
at
typing
on
a
mobile
device.
So
I
always
got
the
wrong
url.
C
Now
you
actually
have
the
way
to
preview
for
the
desktop
right
here
or
from
a
mobile
device
by
scanning
the
qr
code.
In
fact,
if
any
of
you
are
fast
enough,
you
could
actually
scan
the
qr
code
right
now
and
you
would
actually
get
my
live
demo
that
I'm
showing
you
right
now
all
right,
so
we're
going
to
wrap
this
here
because
again
well,
actually,
no,
let
me
just
click
on
preview
to
leave
you
on
a
happy
note
here.
C
I
have
the
ability
to
actually
use
my
my
contact
form
and
fill
in
my
details
and
submit,
and
when
I
submit
this,
this
is
actually
going
to
save
in
my
dataverse
data
and
it's
not
using
some.
You
know
secret,
you
know
magic
here,
it's
actually
using
a
very
secure
way
to
do
this
all
right.
So
let's
wrap
this
up.
Let
me
go
back
to
the
get
started
slide.
C
If
you
want
to
get
started
with
power
pages,
you
can
sign
up
for
a
free
trial
today
and
don't
worry
if
you
do
something
that
you're
like
wow.
This
is
amazing.
I
can't
believe
I
built
this
in
so
quickly
and
it's
actually
rich
data
and
it
looks
good.
I
don't
want
to
throw
that
away.
I
don't
want
to
lose
it.
You
can
convert
your
trial
to
a
real
production
system.
A
Excellent,
thank
you
hugo
for
that
and
friends.
This
is
really
just
a
a
brief
introduction.
I
know
it
may
have
felt
like
you're
drinking
from
a
fire
hose
wow.
There's
a
lot
to
do
here.
Don't
worry
it's
going
to
be
a
regular
series
here
where
hugo
is
going
to
walk
us
through
how
to
take
advantage
of
all
the
amazing
features
of
power
pages
and
don't
forget
we're
working
on
a
two-part
sharing
is
caring
session
for
power
pages.
A
Where
we're
going
to
walk
you
through
how
to
do
this
together,
we're
going
to
learn
together
we're
going
to
accomplish
together,
so
don't
hesitate
to
look
out
for
those
dates,
we're
going
to
have
them
posted
here
this
week
it's
going
to
be
a
two-part
and
we're
really
really
excited
we're
going
to
learn
together.
It's
going
to
something
we're
going
to
accomplish
all
together.
So
don't
don't
hesitate
to
look
for
that.
A
F
Just
want
to
get
it
kicked
off
for
folks,
so
that
that
trial
for
power
pages,
because
before
power
portals
used
to
be
part
of
apps,
so
if
you
got
an
app
trial,
technically
speaking,
portals
was
part
of
that.
You
know
the
app
per
user
app
whatever.
How
many
users
you
can
do
so
is
that
is:
does
that
actually
give
you
an
environment?
So
that
means
under
the
covers.
You
do
dateverse.
You
can
do
everything
else,
yeah
or.
F
C
D
C
C
E
C
How
much
time
do
we
have
there's
a
few
there's
a
few
things
that
you
can
do
the
two
probably
important
concepts
that
I
don't
think
people
are
familiar
with?
One
is
the
concept
of
data
flows
and
data
flows
allows
you
it's
kind
of
like
it's
not
to
be
confused
with
flow
or
power
automate.
It's
actually
a
different
component.
That's
in
dataverse
itself
that
allows
you
to
create
a
scheduled
process
that
will
go
and
get
the
data
do
the
transformation.
D
C
To
live
there
forever,
because
I've
got
whatever
I've
got,
all
sorts
of
other
systems
are
consuming
that,
and
this
is
where
to
do
ralph's
point.
You
can
use
something
called
virtual
tables
and
virtual
virtual
tables.
If
I
could
say
it
properly,
allows
you
to
actually
connect
your
your
dataverse
tables
to
an
actual
record
in
sql
server
and
you're,
not
duplicating
the
data
you're,
not
even
syncing.
The
data
you're
actually
creating
pointers
back
to
sql
server
itself,
there's
all
sorts
of
other
mechanisms
to
to
migrate
the
data.
C
C
A
B
C
I
don't
know
of
any
horizon
for
that,
but
that's
actually
one
of
the
code
samples
I
was
going
to
do
is
a
converter
from
pdf
to
to
power
pages,
because
that's
something
I
did
for
a
client
that
had
lots
of
pdf
forms.
So
if
that's
something
you're
interested
in,
let
me
know
we
can
talk
about
it.
But
as
soon
as
I
find
out
more
about
what
the
the
plans
are,
we
will
we'll
let
you.
A
A
Yes,
but
you
can
feel
free
to
ask
those
in
the
chat
all
right.
We
want
to
appreciate
and
show
appreciation
and
thank
our
presenters
today,
christine
hugo,
thank
you
so
so
much
for
your
amazing
presentations
today,
fantastic
job.
Let's
talk
about
some
resources.
There
are
a
number
of
resources
available
to
you
for
training
connecting
to
the
community
resources,
power
platform,
samples,
etc.
So
please
don't
hesitate,
take
advantage
of
some
of
these
and
then
there's
other
community
calls
available
to
you
as
well.
So
there's
the
m365
platform
call.
This
is
weekly.
A
This
is
coming
directly
from
microsoft.
So
all
the
presenters
are
microsoft,
presenters,
whether
they
be
product
managers
or
program
managers.
We've
got
adaptive
cards,
identity,
platform,
office,
add-ins,
a
power
platform,
monthly
call
which
you're
on
and
then
two
bi-weekly
calls
from
the
community
as
well.
On
microsoft,
365
and
power
platform,
development,
and
then
vv
connections
and
sharepoint
framework.
You
can
access.
All
of
these
calls
at
ak
dot,
ms4
m365,
slash
calls.
A
The
recording
of
this
will
be
available
within
24
hours.
On
our
youtube,
you
can
access
that
at
ak,
dot,
ms4,
m365,
pnp
videos.
You
can
follow
us
on
twitter.
You
subscribe
to
that
twitter
channel
and
that
excuse
me
that
youtube
channel
and
you'll
get
alerts
when
they're
posted.
You
might
see
it
available
in
the
chat
to
download.
You
won't
be
able
to
download
it
unless
you're
within
microsoft
so
be
on
the
lookout
at
our
youtube
playlist.
You
can
follow
us
on
twitter
at
microsoft,
365,
dev,
m365
pnp.