►
Description
Viva Connections & SharePoint community call on July 28. Demos: Using OneDrive File Picker v8 control in your solution & How to create custom list forms with SPFx. Released CLI for Microsoft 365 – v5.5.0 (GA) and delivered 2 web part samples – Room Chat (new) and Page Navigator (updated). Register for Sharing is Caring events – Writing for the Web - Tuesday, August 2nd and Power Platform Samples Contributor - Wednesday, August 17th. The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place as always in chat throughout the call.
Learn more
• See the full blog post for this call in the Microsoft 365 platform community blog - https://aka.ms/m365pnp/blog
• Download invite for bi-weekly SharePoint Framework call at: https://aka.ms/spdev-spfx-call
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community
A
A
So
next
up
opportunities
to
participate.
We
often
get
asked.
How
can
I
be
more
involved
in
the
pnp
program?
So
the
best
way
I
love
for
people
to
get
involved
is
to
demo
your
work.
I
know
you're
doing
great
work
for
your
companies
and
your
customers
would
love
to
have
you
on
the
call
to
demo.
It
just
double
check,
it's
appropriate
for
you
to
demo
what
you
might
be
working
on.
A
Not
every
company
loves
that,
but
most
do
and
would
love
to
have
your
work
demo
on
this
call
that
can
be
anything
around
sharepoint
framework
development
specifically
for
this
call
client
side
development,
anything
around
any
of
the
pnp
suite
of
things
and
any
combination
of
those
things
is
great.
So
the
link
down
there
in
the
bottom
right
corner,
aka
dot,
ms
slash,
m365
pnp,
slash,
request,
slash
demo
will
get
you
to
a
form
where
you
can
request
a
demo
spot,
we'll
get
you
booked
just
as
soon
as
we
can.
A
A
You
can
always
contribute
on
github,
so
that's
reporting
issues,
some
mean
pull
requests
and
also
helping
others
with
their
issues,
and
questions
is
a
great
way
to
get
involved
and
talk
to
folks
help
folks
out,
and
it
really
helps
you
know
when
some
of
the
key
maintainers
for
certain
libraries
can't
necessarily
get
to
a
question
immediately.
If
you
happen
to
know
the
answer
really
helps
folks
get
going
a
little
bit
faster
and
then,
as
always,
we
welcome
your
feedback
about
everything
we
do
in
pnp.
So
how
are
these
calls?
How
is
our
documentation?
A
Where
else
can
we
help
and
of
course,
positive
feedback?
Is
okay
too,
if
you
like
something
we're
doing,
perhaps
we
can
do
a
little
bit
more
of
it.
Next
up
is
our
as
I
call
it
the
page,
oh
link,
so
lots
and
lots
of
links
here.
The
only
link
you
really
need
to
remember
is
that
one
all
the
way
on
the
right,
aka,
ms
m365
community-
that's
going
to
get
you
to
all
our
developer
videos.
A
Those
are
topic,
focused
videos
to
help
you
learn
how
to
do
certain
things,
so
maybe
get
started
with
spfx
get
started.
Calling
microsoft
graph
get
started
with
certain
authentication
schemes,
all
sorts
of
great
videos
there
great
way
to
catch
up
on
just
your
learning
and
maybe
you've
got
a
project
and
you've
got
to
try
something
new
great
way
to
get
a
little
bit
of
an
intro
on
those
topics.
Of
course,
in
those
developer
videos,
then
we've
got
our
community
videos.
That's
going
to
be
the
recordings
of
this
call.
A
Our
other
thursday
calls
the
tuesday
calls
and
all
of
our
other
community
calls.
So
if
you
missed
an
episode
or
just
review
something,
you
saw
on
an
older
episode.
All
of
these
calls
are
available
on
the
youtube
channel,
typically
about
24
hours
after
the
call
itself
happens
and
then
as
well,
we've
got
a
bunch
of
open
source
repositories
here
at
github.com,
so
pnp
office,
dev,
microsoft,
graph
and
sharepoint
as
well
as
onedrive.
A
You
need
to
remember
it
updates
the
slide
I
keep
forgetting,
but
so
all
those
organizations
welcome
your
contributions,
welcome
your
input
and
have
tons
of
great
resources
for
you,
samples,
documentation,
sample
projects,
all
sorts
of
great
stuff,
so
tons
and
tons
of
tons
of
great
stuff
and
then
as
well.
We
have
a
bunch
of
sample
galleries.
The
best
way
to
look
at
the
samples
is
a
k
dot.
A
Ms
slash
m365,
slash
samples
that
is
the
new
unified
sample
gallery,
allows
you
to
search
and
filter
and
find
exactly
the
samples
you've
been
looking
for
and
it
sort
of
aggregates
all
of
the
samples
up
from
these
various
other
sample
galleries
and
repositories.
So,
instead
of
having
to
kind
of
go
hunt
around
across
lots
of
locations,
you
can
use
that
unified
sample
gallery
to
find
stuff
a
little
more
quickly
great
work
by
everybody
involved
there
and
just
a
reminder
ak
ms
slash,
m365
community
will
get
you
the
p
p
patterns
of
practices
landing
page.
A
That
gets
you
links
back
out
to
all
this
content.
So
just
remember
that
one
link
and
it
will
get
you
back
to
everything
else.
We
have
a
bunch
of
other
community
calls
our
tuesday
call
that's.
The
m365
platform
call
is
on
summer
break
until
the
31st
of
august,
and
then
we've
got
other
calls
about
adaptive
cards,
identity,
platform,
office,
add-ins,
power
platform,
the
and
then
the
bottom
two
are
the
alternating
thursday
calls.
A
So
the
bottom
one
is
this
call
and
the
one
immediately
above,
that
is
the
opposite
thursday
call
so
links
to
all
of
those
and
again
ak
dot.
Ms
slash
m365
calls
we'll
get
you
links
to
all
of
our
calls,
and
again
all
of
these
are
recorded.
Not
everybody
can
attend
every
call.
All
the
time,
totally
understand
that
that's
expected,
but
you
can
always
catch
up
if
you
want
on
youtube,
if
you
happen
to
miss
a
call,
and
then,
with
that
I'll
hand,
things
over
to
david
for
sharing
his
caring.
B
Awesome,
thank
you
patrick
well,
friends,
as
patrick
mentioned,
sharing
is
caring
is
a
program
that
is
here
to
provide
you
hands-on
guidance.
We
would
love
to
get
you
more
involved
in
the
community
and
you
may
want
to,
but
you
may
be
a
little
unsure
of
some
of
the
areas
of
contribution
like
creating
a
pull
request
in
github.
What
is
a
pull
request
in
github?
Well,
we
are
here
to
provide
you
that
hands-on
guidance
in
a
safe
space
opportunity.
These
are
not
recorded,
they
are
live.
B
We
will
work
together
with
you
and
other
members
of
the
community
to
provide
you
assistance
and
guidance
on
a
variety
of
topics.
We've
got
august
dates
coming
up
for
the
power
platform,
sample
contributor
and
writing
for
the
web,
and,
of
course,
hugo
is
excited.
He's
powering
up
see
what
I
did
there.
A
power
pages
two-part
sharing
is
carrying
session.
So
we're
excited
for
that
new
one
as
well.
You
can
sign
up
for
any
of
the
sessions
aka.
B
Ms
forward,
slash
sharing
is
caring,
then,
once
you
do
contribute,
we
want
to
celebrate
all
the
amazing
work
that
you're
doing,
and
we
have
a
recognition
program
to
do
just
that.
This
is
a
formal
and
official
program
powered
by
credly.
Yes,
the
same
credly
that
creates
those
badges
that
you
get
when
you
get
certified,
they
will
sit
right
alongside
those
certification
badges
you
can
associate
them
to
linkedin
share
them
on
twitter.
Put
them
on
the
fridge,
give
it
to
mom
get
a
hug
from
her.
B
We
are
all
proud
of
the
amazing
work
that
you're
doing
in
the
community,
and
we
want
to
officially
and
formally
recognize
you
and
you
can
do
that.
There
is
no
cost
a.k.a.m.s
forward,
slash,
m365,
pnp
recognition,
you've
been
seeing
him
share
it
on
twitter
and
we
want
to
make
sure
that
you're
recognized
so
be
sure
to
sign
up
only
to
do
it
once
not
once
per
month
or
once
per
year.
Just
once
and
we'll
take
care
of
you.
B
A
Thanks
for
that,
david
love
to
see
the
growth
in
this
recognition
program
as
well
as
the
sharing
is
caring
work
but
great
to
see
everybody
on
twitter
posting
their.
What
do
you
call
these
recognition
awards
or
badges
and
love,
seeing
that
so
great
to
work
there,
and
with
that
we
will
go
over
to
julie
for
pnpgs
library
updates.
A
C
We
will
we
have
another
new
version
coming
out
like
we
do
every
month,
so
version
3.6
to
be
released
august
12th.
We
will
have
a
bunch
of
documentation
updates.
We
are
forever
trying
to
improve
them
and
and
increase
their
understandability.
So
we
will
obviously
be
continuing
to
do
that.
Hopefully,
this
will
be
the
time
that
I
get
all
that
support
and
graft
out
for
lists
content
types
and
columns.
C
That
is
a
quite
a
large
undertaking,
a
little
bigger
than
I
had
expected,
so
it's
taking
longer
than
I
had
wanted,
so
that,
hopefully,
is
coming
out
in
that
next
release.
We
will
have
an
update
for
the
url
encoding
that
has
sort
of
been
an
issue
here
or
there.
So
we're
going
to
have
a
more
streamlined
way
that
we
will
do
the
url
encoding.
So
hopefully
we
will
no
longer
have
issues
with
special
characters
in
urls
parameters,
and
then
we
have
added
graph
support
for
special
folders,
so
that
is
in
already.
C
So,
if
you
want
to
check
that
out,
you
can
try
our
nightly
release.
So
we
do
nightly
builds
every
night
and
you
can
install
that
in
your
project,
using
the
at
v3
nightly
attribute
on
the
end
of
the
install
and
check
out
that
special
folder
support
already.
If
you
have
feedback
on
that,
obviously
you
can
submit
that
to
our
issues
list
in
our
github
repo
and
then
don't
forget
to
follow
us
m365pmpjs
on
twitter,
and
that
is
all
I
have
for
today,
thanks
patrick.
A
Thanks
julie,
great
updates
there
I'll
just
add
the
next
release,
we'll
have
the
beta
3
for
cancelable.
So
you
can
cancel
your
requests,
a
lot
of
work
there
and
as
well.
Some
fixes
for
just
some
async
timing
issues.
So
there's
a
couple
of
paths
that
get
you
an
uncaught
rejection
in
node
and
I'm
sure
the
browser
too
so
working
to
close
those
gaps.
We'll
have
that,
I
believe
in
the
next
release.
D
I
know
I
can
do
yeah.
So
basically,
as
patrick's
saying
we've
we've
got
to
the
end
of
the
month.
It's
our
regular,
it's
a
regular
release
for
the
next
version
of
cli,
so
it's
version
5.5.
It's
actually
released
about
an
hour
ago
just
before
this,
this
session.
So
in
this
release,
lots
of
new
commands
enhancements
covering
planner,
sharepoint,
microsoft,
search
office,
365
groups
and
teams
as
well,
and
also
all
the
general
improvements
and
bug
fixes-
and
this
is
a
roll
up
of
all
the
beta
releases
that
we've
done
throughout
the
month.
D
One
fix
that
that's
been
provided
now
is
I've.
Seen
a
few
people
have
issues
with
logging
in
to
their
tenants
with
the
cli,
when
they've
got
passwords
with
special
characters,
and
so
we
had
a
fix
already
in
in
the
beta
version.
That's
now
into
the
into
the
latest
version.
So
you
shouldn't
have
any
issues
logging
into
your
tenants
now
and
provide
links
in
the
chat
so
there's
a
link
to
the
release
announcement.
D
There's
many
more
features
and
updates
that
we
can't
get
on
this
slide
and
so
do
check
that
out
and
you'll
find
some
examples
as
well
as
how
to
how
to
use
these
new
commands
and
new
features.
If
you
want
to
get
the
latest
version,
so
you
can
pop
along
to
npm
and
use
the
at
latest
tag.
If
you
want
to
use
docker
and
run
the
cli
in
a
container,
you
can
also
do
that
as
well
again.
Use
the
latest
tag
to
get
the
the
latest
version
of
the
cli
keep
up
with
the
latest
announcements.
D
So
please
follow
us
on
twitter,
at
cli,
microsoft,
365..
If
you're
talking
about
us
on
socials,
please
use
the
hashtag
cli
microsoft,
365.
we'd
love
to
hear
what
what
you're
talking
about
and
maybe
what
you're,
sharing
and
also
if
you've
got
feedback.
Please
come
along
to
the
the
github
repository
raise
an
issue
start
a
discussion
and
we'd
love
to
start
that
conversation
with
you
and
finally,
thank
you
all
to
all
our
contributors
this
month.
Without
you,
it
wouldn't
be
possible
to
have
this
release.
A
A
Controls
there's
two
different
libraries:
the
react
controls
are
at
3.9
and
it's
got
some
new
controls
in
there,
and
these
are
the
controls
designed
to
be
used
in
the
body
of
your
web
parts
and
application
customizers
in
spfx,
and
so
it's
got
lots
of
great
controls,
they're
all
styled
to
look
like
they're,
sharepoint
native
great
way
to
save
yourself
some
time
and
build
out
a
wonderful
solution,
using
a
composition
of
these
controls
versus
building
from
scratch.
Every
time
as
well,
we've
got
the
react,
property
controls.
A
Those
are
three
eight
and
those
are
the
controls
designed
to
be
used
in
the
edit
pane
of
your
sharepoint
framework
web
part.
Again.
Saving
you
tons
of
time
to
get
a
nice
out
of
the
box.
Styled
thing
there
so
encourage
you
to
check
those
out
release,
notes
for
both
are
available
at
the
links
there.
On
the
slides
or
david's
already
got
it
in
the
chat,
as
always
special
thanks
to
all
of
the
contributors
for
the
reusable
controls.
A
Very
much
appreciate
all
the
work
there
love
to
continue
to
see
these
expand
and
grow
so
great
work,
and
if
you
haven't
checked
them
out,
certainly
do
if
you're
doing
sharepoint
framework,
it's
a
great
way
to
save
yourself,
just
a
ton
of
time
having
to
just
design
all
this
yourself.
So
it's
fantastic
work
there
and
with
that
we'll
go
to
modern
search
and
then
ak
dot.
Ms
slash
pnp
search
for
all
the
latest
updates,
and
things
like
that.
So
4.7
was
the
june
release.
A
You
can
see
the
4.7
release
information
there
at
that
link
and
thank
you
to
all
the
folks
that
contributed
to
this.
So,
if
you're
not
familiar
the
pnp
search,
modern
search
web
parts
is
a
great
way
to
build
up
a
search
portal
or
search
experience
for
your
customers
or
your
companies,
and
that
will
help
you
again
save
time
and
effort,
and
there
is
a
demo
about
these.
A
I
want
to
say
two
weeks
ago
or
maybe
four
weeks
ago,
where
we
got
to
see
all
the
great
power
you
can
have
for
formatting
and
customizing
the
search
results
and
really
making
things
beautiful
for
your
customers.
So
definitely
encourage
you
to
check
these
out
and
go
back
and
check
out
those
demos
to
see
a
little
bit
more
detail
on
this
as
well.
There
is
the
v3
branch,
that's
not
really
being
maintained
anymore,
encourage
you.
B
Not
you,
although
people
mistake
us
so
I'll,
just
I'll
just
pretend
I'm
hugo
yeah,
we
have
some
updates
and
new
samples
for
spfx
web
parts.
Room
chat
by
xiaomendez,
so
really
cool
opportunity
to
do
some
room
chat
within
sharepoint.
There
really
cool.
You
can
check
that
out
as
well
as
a
page
navigator
web
part
by
jc
wigenberg.
B
So
we
appreciate
all
the
samples
that
are
being
provided
to
us.
We
know
it's
kind
of
slow
right
now
with
summer,
but
we
anticipate
seeing
a
lot
more
and
we
appreciate
all
the
samples
that
were
contributed
same
for
aces.
It's
been
a
bit
of
a
slower
summer,
and
so
we
have
no
new
samples
for
the
aces
repository,
but
they
are
open
for
business,
so
don't
hesitate.
We
know,
we've
got
some
updates
in
there
that
are
waiting
to
be
processed
and
we
will
get
those
processed
momentarily.
A
A
B
A
A
So
what
I
want
to
talk
to
you
all
about
today
is
something
I
am
really
excited
about,
so
this
is
something
we've
been
working
with
the
feature
teams
inside
sharepoint
engineering
to
do
something
pretty
new.
This
is
the
first
time
I'm
aware
of
the
onedrive
and
sharepoint
group
doing
something
like
this,
so
we
have
a
new
capability
that
is
g8,
and
this
is
a
file
picker
v8.
A
So
this
is
the
same
file
picker
we
use
within
the
service
itself,
so
we
are
now
sharing
our
component
or
control
code.
However,
you
want
to
think
about
it
with
third-party
developers,
so
you
can
use
in
your
applications,
whether
in
sharepoint
framework,
whether
in
a
spa
single
page
application,
whether
in
a
remote,
you
know
sas
application.
You
can
use
this
new
file
picker
in
your
application
to
open
files
documents
from
sharepoint
or
onedrive,
so
you
could
target
either
place
and
it's
I'm
really
excited
about
it.
A
The
team
believed
in
kind
of
you,
know
the
the
scenarios
we
explained
to
them
and
the
real
big
benefit
of
this
is
because
it's
part
of
the
service.
It
cannot
really
be
left
behind
and
never
updated.
So,
as
we
add
new
capabilities
to
the
service,
we
will
be
adding
new
capabilities
to
this
control,
it'll
kind
of
flow.
That
way,
so
this
control
may
not
ever
necessarily
be
an
exact
one-to-one
match.
A
There
might
be
certain
flags
or
capabilities
that
don't
work
for
third
parties,
but
overall,
it's
very
capable
and
does
a
ton
of
great
stuff
for
you
and
again
should
save
you
a
whole
lot
of
time
and
you
might
be
familiar.
There
was
an
old
version,
seven,
not
old.
It
was
you
know
the
current
one
until
just
a
few
weeks
ago
for
the
7.2
picker,
that's
the
older
version.
A
They
are
completely
different
in
how
they
work
I'll,
be
honest
with
you.
So
migrating
is
just
a
new
integration.
There
isn't
really
a
migration
path
between
the
two,
but
it's
very
much
a
better
experience
now
and
much
more
tied
into
the
service,
so
this
file
picker.
So
let's
talk
about
kind
of
how
it
is
and
what
it
works.
So
it
is
a
page
that
lives
in
our
service.
It's
an
aspx
page
and
you
communicate
with
it
through
post
messages,
so
messaging
with
it
through
a
page.
A
So
this
is
this:
is
the
documentation
here,
so
that
link
will
take
you
to
this
documentation,
I'm
looking
at
here
which
walks
through
setting
up
an
aed
app
and
then
talks
about
how
it
works.
So
there's
a
page
for
the
file
picker
talks
about
setting
up
the
post
and
message
reports
initiating
the
picker.
Then
we
got
a
bunch
of
sample
code
here
in
this
article
but
as
well.
A
We
also
have
a
bunch
of
sample
code
in
github
now
for
this
picker,
and
so
we
have
a
bunch
of
samples
and
some
of
these
I'm
going
to
walk
through
here
today,
but
should
be
a
way
to
get.
You
started
no
matter
the
environment
you're
trying
to
build
in
so
just
javascript,
typescript
c
sharp,
with
or
without
an
sdk.
You
want
to
do
it
in
react.
It
works
everywhere.
A
We've
tried
it
so
really
encourage
folks
to
check
this
out,
and
with
that
I
do
want
to
sort
of
start
to
talk
about
how
this
is
all
set
up
and
works
right.
Let's
look
at
some
code,
so
I
have
a
one
drive
here.
It's
a
very
exciting
one
drive.
It's
got
some
files
in
it.
That's
really
neat
some
files
and
folders
love
that
I
also
have
I'm
not
gonna
spend
a
bunch
of
time
in
azure
active
directory.
A
I
have
an
app
set
up
you've
all
seen
this
before,
but
I
just
want
to
touch
on
the
permissions.
Real
quick
is
files.rewrite
all
and
for
sharepoint
myfiles.read,
and
so
I've
got
those
permissions
consented
on
this
application
so
good
stuff.
This
is
my
onedrive
again
just
to
sort
of
show
you
that
and
then
we
want
to
go
ahead
and
sorry.
So
this
is
the
javascript
basic
sample,
and
I
want
to
start
with
this
because
it
has
no
dependencies
other
than
emsal
and
it
has
no
tricky
code
to
it.
A
So
it's
very
much
a
straight
just
you
can
see
it's
all
here
in
this
html
page.
So
it's
it's
very
straightforward
sample
and
I
think
it's
a
great
place
to
start
and
kind
of
talk
through
how
to
interact
with
the
picker
and
but
you
know,
because
some
of
the
other
samples
kind
of
obfuscate
or
abstract
away
a
little
bit
of
this.
But
I
think
this
is
great
way
to
sort
of
step
through
this,
so
we
you
can
see
here
we're
loading
the
unsolved
browser.
A
We
do
have
a
little
auth
script
here
that
just
does
some
msol
plumbing
for
us:
nothing,
fancy
there
but
setting
some
client
ids
and
redirect
urls
and
the
authority
and
stuff
like
that
in
this
sample.
But
so
now
the
first
thing
of
note
here
is
this
param
section.
Let
me
zoom
in
a
little
bit
zoom
in
so
hopefully
that's
okay
for
folks.
Somebody
in
the
chat
tell
me
if
it
is
not
so
these
params
here
are
all
documented
in
the
documentation.
So
you
don't
think
you
have
to
memorize
this.
A
All
of
these
things
are
explained
in
here,
but
I'll
just
broadly
say
you
always
say
sdk
8.0,
that's
a
fixed
value
right
now
that
may
change.
There
might
be
an
8.1
or
something
like
that,
but
right
now
fixed
8.0
and
then
you've
got
this
entry
node.
That
tells
you
where
you
want
to
start.
This
could
be
one
drive
or
it
could
be
sharepoint.
It
cannot
be
both.
A
A
We
have
a
way
to
give
you
tokens,
and
then
you
have
some
messaging
stuff
here,
so
you
want
to
set
up
the
origin
which
in
our
case
is
just
localhost
3000
and
a
channel
id
and
that's
the
actual
post
messaging
channel
that
will
get
set
up
to
manage
the
communications
between
your
application
and
the
picker.
I
see
a
bunch
of
questions
in
the
chat,
I'm
not
going
to
be
able
to
answer
them
right
now.
Let
me
get
through
a
couple
of
this
and
we'll
come
back
to
those
questions.
A
Okay,
but
I'm
not
ignoring
them,
and
then
you've
got
in
here
some
settings
around
types
and
sources.
So
we
want
to
pick
files
and
we
want
to
pick
one
drive
and
we
we
also
want
to
show
our
recent
pivots.
So
that's
something
in
the
left-hand
menu
there.
So
then
we've
got
just
some
javascript
code.
You
all
have
seen
javascript
code,
I
believe
before.
But
here
is
some
now,
so
we've
got
a
launch
picker
function
and
that
launch
picture
picker
function.
Excuse
me
is
just
bound
to
this
button.
A
You'll
see
the
button
here
in
a
second,
I
believe:
we've
all
seen
buttons
before
and
so
we're
just
doing
we're
creating
a
window
opening
that
window,
the
picker
can
be
embedded
in
an
iframe
or
it
can
be
embedded
or
not
really
embedded
but
shown
in
a
pop-up.
It
works
either
way
and
we
have
samples
in
that
gallery
or
in
that
repository
that
show
both
approaches,
but
we
need
a
window
and
because
we're
going
to
load
this
url,
we
get
a
token
using
umsol
great
we've
all
done
gotten
tokens.
A
A
A
So
you
see
we're
adding
a
message
listener
to
that
port.
This
is
that
message
listener.
So
this
is
all
again
in
the
documentation.
Don't
worry
you
know
if
it
initially
looks
a
little
confusing,
it
should
be
all
covered
in
the
documentation
as
well.
You
can
always
ask
us
questions
in
the
issues
list,
but
so
you
get
a
couple
different
kinds
of
messages
back
from
the
picker.
A
You've
got
notification,
type
messages
and
so
messages
have
a
type,
and
the
type
of
notification
is
just
that.
It's
a
notification:
you
can
ignore
it,
you
could
log
it.
You
could
show
it
to
the
user.
It's
up
to
you,
but
there's
notifications
you're
also
going
to
have
command
messages,
so
every
command
message.
You
have
to
acknowledge
it,
and
that
is
just
posting
a
message
back
to
the
port
with
the
type
of
acknowledge
and
the
id
that
we
just
got.
So
we
were
essentially
telling
the
picker
hey.
You
sent
us
message
number
one.
A
We
got
message
number
one
we're
gonna
start
working
on
that
then
we
get
some
data
from
that
message
and
we're
gonna.
Look
at
that
command
of
that
message,
and
so
this
is
another
string
value,
so
a
command
there's
several
different
commands.
You
have
to
worry
about,
so
I'm
going
to
skip
authenticate
for
just
one
second,
because
it's
easier
to
look
first
like
one
command
is
closed.
That
means,
if
they've
clicked
the
cancel
button
in
the
pop-up
window
right.
The
next
thing
is
pick.
A
This
means:
hey
they've
picked
something
in
me
and
I'm
giving
you
some
information
about
that
and
you
you
know
you
could
see
us
updating
the
inner
html
we'll
show
that
in
just
one.
Second,
I'm
going
to
run
npm
start
in
the
background
here
and
then
as
well.
We've
got
a
default
which
is
our
unsupported
command
and
then
authenticate
is
the
interesting
one.
So
the
way
the
picker
works
is
every
time
you
go
to
hit
a
resource
whatever
that
resource
might
be.
For
the
picker.
A
It's
going
to
ask
you
for
a
token
and
that
token
may
be
one
you
already
have
so
emsal
just
give
that
back
to
you
and
that's
great.
It
might
be
a
new
token
for
a
different
kind
of
resource,
but
then
you
get
that
token
and
you
send
it
back
to
the
picker
and
the
picker
itself
allows
you
to
manage
these
tokens.
It
doesn't
do
anything,
it's
not
hidden
away,
and
this
at
first
might
seem
like.
A
I
wish
the
picker
would
just
do
this
for
me,
but
the
real
advantage
here
is:
you
can
now
do
authentication
how
you
want
to
do
it,
so
you
might
already
be
doing
authentication
in
your
application.
You
just
plug
it
into
the
picker
you
might
want
to
use.
If
you're
in
sharepoint
framework,
you
might
want
to
use
the
a
d
token
provider.
I'm
sorry
I
forget
the
exact
name
for
it
and
that
would
work
great,
there's
a
sample
that
shows
that
so
you
might
not
have
to
use
msol.
A
Let's
see
this
run
cool
cool
cool,
so
we're
gonna
go
to
our
great
website
here
you
can
see
there's
a
button
here
and
if
I
hit
that
button,
I'm
going
to
launch
the
picker,
you
saw
a
little
saw
thing
happen
and
whoa.
I
can
pick
files
out
of
this
one
drive,
so
we
see
the
one
drive
over
here
neat
and
now,
if
I
whoop
I've
lost
my
picker.
So
if
I
look
at
the
picker,
I
can
now
pick
those
files.
A
So
if
I
pick
this
one-
and
you
can
see
in
this
one-
just
real
quick
note-
I
can
only
pick
one
file
at
a
time.
That's
a
setting.
I
can
control.
If
I
hit
cancel,
that's
that
close
command.
I
showed
you
before.
If
I
launch
that
picker
again-
and
I
pick
one
of
these
guys-
let's
look
at
what
we
get
back.
A
We
get
back
a
great
amount
of
data
here,
so
this
is
our
command
is
pick
and
if
we
go
look
back
at
our
code
and
look
at
this
is
where
we
see
our
command
was
pic,
and
this
is
what
we're
doing
so,
we're
just
updating
the
inner
html
and
we
have
to
tell
it
tell
the
picker
that
we
had
a
result
of
success
that
hey
we
got
that
picked
thing,
that's
awesome
and
then,
in
this
sample
I've
chosen
to
close
that
window.
That's
optional!
You
wouldn't
have
to
do
that.
A
For
example,
if
you
were
running
inside
an
iframe,
you
could
not
close
it,
you
could
just
leave
it
open
and
let
them
pick
files
and
stuff
could
happen
lots
of
different
scenarios.
You
can
support
through
this
control,
but
bouncing
back
to
this
page.
I
of
course
make
the
best
user
interfaces
in
the
world,
but
you
get
an
array
of
items,
so
this
is
sort
of
indicating
you
could
have
multiple
items
here,
but
I
get
a
name
of
that
document.
Document.X
I
get
webdav
urls
web
urls,
I
get
its
size,
I
get
ids.
A
I
get
a
parent
reference,
so
this
is
great,
so
you
can
now
access
this
file
through
microsoft
graph,
which
would
be
the
best
way
to
access
files
in
onedrive
and
sharepoint
is
through
the
graph
so
encourage
you
to
to
take
that
path,
but
as
well,
if
you
need
to
work
or
it's
easier
for
your
application
to
work
in
sharepoint,
here's
a
set
of
sharepoint
ids
that
will
get
you.
You
know
to
that
thing.
You've
got
list
item
ids,
web
ids,
site,
ids
the
site,
url,
all
the
stuff.
A
You
might
need
as
well
as
then.
Some
of
these
kind
of
meta
values,
of
an
embed,
url
list,
url
and
so
forth.
So
really
neat
stuff,
and-
and
that's
you
know,
hey,
that's
super
cool
right,
but
what
can
we
do
with
that
like?
How
else
can
we
use
that?
How
might
we
use
this
information
to
build
an
application?
A
A
This
is
not
published.
This
is
a
thing
that
is
internal
to
the
sample
gallery
right
now.
We
are
not
sure
if-
or
you
know,
who
might
produce
an
actual
sdk
for
this
picker-
we're
in
discussions
for
that
right
now,
but
we
have
two
sample.
Sdks
I'll
show
you
in
just
a
second
that
you
can
use
as
examples
to
help
build
your
applications
so
check
that
out
when
you
have
a
chance,
but
this
is
just
one
way
of
doing
it.
A
A
So
we've
got
some
stuff
here.
That's
just
plumbing.
To
set
up
our
page.
Here
is
again
our
parameters
or
our
options
that
we're
going
to
pass
to
the
picker
to
initialize
it
you
can
see
here.
My
selection
mode
is
multiple
and
I
have
a
max
count
of
five.
So
what
that
now
previously
you
saw,
I
could
only
pick
one
item
now.
I
could
pick
multiple
up
to
five.
I've
got
my
other
pivots
here
and
again.
This
is
the
stuff
we
talked
about
entry
into
onedrive
you
can
see.
A
I
didn't
include
the
files
node
underneath
it
it's
not
necessary
for
for
one
drive
and
then
I've
got
the
rest
of
this
is
all
more
or
less
the
same,
except
this
is
just
using
the
picker
through
that
sdk,
but
that
sdk
just
surfaces,
the
process
that
we've
all
seen
before.
So,
let's
go
to
our
page
again
and
whoa.
That's
not
right!
I'm
gonna
refresh
this
and
remarkably,
this
sample
looks
a
lot
like
our
other
sample,
except
now.
A
I
could
pick
multiple
of
these,
so
this
is
just
sort
of
showing
you
and
you
can
see
here,
got
multiple
results,
so
same
sample
visually,
but
different
code.
So
just
try
to
present
different
ways
to
do
this.
That
might
help
you
if
you
happen,
to
want
to
approach
it
in
a
different
way,
and
the
last
thing
I
want
to
show
you
is
a
typescript
react
sample,
because
a
lot
of
folks
are
working
in
react,
and
so
I'm
gonna
do
a
code
of
this
one.
A
Sorry,
I'm
closing
some
other
windows
code
to
that
and
then
I'm
gonna
run
npm
start
in
this,
and
so
in
here
we
are
using
that
same
other
sample
sdk.
But
we're
doing
all
this
in
react
now,
so
we've
got
that's
gonna
get
started
and
not
work,
so
just
one
second,
so
we've
got
a
let's
get
to
like
the
app.tsx,
so
this
was
just
created
with
create
react
app.
So
nothing
too
fancy
in
that
regard.
It's
not
like
the
the
greatest
bestest
react
app
in
the
world.
A
It's
just
a
boilerplate
react
app
with
just
a
little
bit
of
stuff
added
into
it,
just
to
demonstrate
what
we're
doing
with
the
picker.
So
you
can
see
here
again
this
common
theme
of
setting
up
our
options.
For
the
picker
note
a
couple
of
things
here
now
I've
got
some
filters,
I'm
filtering
on
docx
files
right!
That's
neat:
I
can
also
still
pick
multiple
of
those
that's
cool,
but
I
haven't
set
a
max
right,
so
I
could
pick
a
thousand.
A
I
don't
know
what
your
application
would
do
with
that,
but
it's
possible,
but
I
could
pick
multiple
I've
got
filters
now,
though,
I
think
it's
neat
it's
another
capability.
You
can
have
there
and
again
you
see
our
entries
being
one
drive,
I'm
showing
all
this
stuff
in
onedrive,
just
because
I
think
it's
a
little
clearer
than
hopping
back
between
sharepoint
and
onedrive,
but
functionally
it's
exactly
the
same
experience.
You
would
set
up
the
entry
information
and
we
have
samples
for
that
as
well
as
documentation
that
covers
that.
A
But
so
that's
really.
The
only
difference
is
setting
up
that
entry
information
and
then
just
this
is
some
react
stuff
right.
This
is
here's
our
on
picked
function,
we're
gonna,
set
results,
uses
use
state.
So
I
think
this
is
probably
fairly
familiar
to
a
lot
of
you
but
encourage
you
to
try
it
out,
and
so
so
looking
this
is
just
you
know
some
react
stuff
right,
but
here's
our
picker
button.
So,
instead
of
just
having
a
button
now,
we've
got
a
react
component.
That's
a
button!
A
What's
more
exciting
about
that.
So
if
we
go
look
at
our
picker
button,
where's
our
picker
button
go
to
definition.
Oh,
so
it's
this
thing
right
here.
So
no,
it's
not
where's
our
picker
button
boy!
Oh
boy,
pick
her
pick
her
pick
a
quicker
yeah.
So
here
is
the
actual
button
right,
but
we
have
then
inside
this
component.
A
This
is
a
way
to
do
it
again,
not
necessarily
the
way
to
do
it,
lots
of
ways
to
do
it,
but
the
way
I've
done
it
here
is:
we've
got
some
props
that
have
a
base,
url
a
token
generation
function
and
the
options
right.
That
function
is
the
same
thing.
We've
seen
a
couple
times
before
we're
just
getting
tokens,
then
we've
got
some
other
use
state
stuff
about
setting
the
window
and
managing
the
picker,
and
so
you
can
kind
of
see
in
here.
We've
got
some
use
effect
stuff
happening.
A
You
know,
use
those
items
so
the
way
this
picker
is
working
in
this
sample
is
it's
gonna
await
you
to
pick
some
stuff
or
close
that
window,
and
then
it's
gonna
pass
those
results
to
our
on
results
function
and
which
is
which
is
coming
from
the
props.
So
we
have
the
on
results.
Coming
from
the
props
and
we've
got
use
effect.
This
is
setting
up
the
content
window
so
setting
the
picker
picker
you
know
using,
and
this
sdk
is
built
on
the
pnp
js
v3
timeline.
A
A
We
create
a
new
window
and
open
it
and
that's
great,
and
then
we
show
our
stuff
and
why
this
sample
is
neat
and
we're
going
to
go
back
to
our
trusty
local
host
3000,
hey
our
button's
in
the
middle.
Now
that's
doing
different
cool
we're
going
to
click
it
we're
going
to
get
the
same.
Picker
note
a
couple
of
things
same
picker,
but
we
filtered
just
on
docx.
I
could
pick
multiple
of
these
things
and
then
I
can
hit
select.
I
can
hit
cancel
that
works.
A
Oh
whoops,
hi,
okay,
that's
a
little
bit
of
a
bug
we'll
deal
with
that
later.
Never
never
hit
cancel
when
you
really
should
hit
select,
so
we're
gonna
hit,
select
and
now
what
we're
doing
in
the
react
sample
specifically
is
showing
some.
You
know
because
the
next
logical
question
right
is
hey.
I've
got
a
file
reference
through
that
picker
data.
You
saw
those
json
blobs
cool.
What
can
I
do
with
it?
So
this
react
sample
starts
to
answer
that
question.
So
you
can
see
I've
got
the
thumbnail
previews
here.
A
I
could
click
this
button.
I
could
preview
the
file
using
the
embed
link.
This
is
interesting.
We
have
an
online
services
art
and
so
here's
just
some
great
text.
I
wrote
it's
a
really
interesting
story.
We
don't
need
to
read
it
now.
I
can
also
copy
a
link-
let's
put
a
link
to
that
document
in
my
clipboard,
so
I
can
go
there.
That's
going
to
open
it.
Actually,
in
the
word
app,
not
just
the
embed
kind
of
preview.
I
can
download
that
file.
A
That's
going
to
do
whatever
your
you
know,
configurat,
your
local
configuration
to
do
with
the
downloaded
word
file
is
mine
is
open
it
and
I
can
also
delete
those
files.
It
actually
deletes
those
files.
So
I'm
not
going
to
click
that
because
I
you
know,
I've
got
two
sample
word
docs
in
there.
I
don't
really
need
to
delete
one
of
them,
but
how's
that
code
work.
So
it's
actually
really
simple.
So
we
have
this
files
list
thing,
and
this
is
the
react
for
it.
That
makes
it
all
work.
A
So
it
just
takes
these
different
things.
You
can
do
with
files
and
sort
of
makes
this
little
table
of
them
here,
and
you
can
do
a
thumbnail
with
that
item
and
so
forth,
but,
interestingly
like
if
we
look
at
the
copy
link
stuff,
it's
pretty
simple
code.
Once
we've
got
the
item,
we
can
use
the
web
url
here
and
just
we're
writing
that
to
the
clipboard
on
that
button
click.
So
that's
copying.
A
A
link
right
deleting
is
just
hey:
we're
going
to
make
a
request
to
the
graph
so
using
drives
that
parent
reference
drive
id
items,
item
id
and
we're
going
to
delete
it.
So
you
know
nice
and
easy.
Once
we
have
that
item
ref,
it's
super
easy
to
to
get
going
and
then
as
well,
we
got
download
and
then
we've
got
preview
and
all
of
these
you
could
check
them
out
on
how
that
works
and
then
thumbnail.
A
It
just
is
a
little
more
complicated
because
we've
gotta
get
the
references
and
stuff
and
then
actually
set
that
thumbnail
value,
so
making
a
request
and
then
setting
some
stuff
to
show
it
so
great
stuff
there.
So
I'll
just
want
to
close
and
get
stuff
moved
over
to
paulo
by
just
encourage
all
of
you
to.
Where
did
my
docs
go
check
out
the
new
file
picker?
It
is,
I
think,
a
really
amazing
capability
and
it's
really
amazing.
A
The
team
worked
with
us
to
allow
this
to
be
available
for
third-party
developers,
so
encourage
you
to
check
it
out.
This
is
the
first
and
what
we
are
hopeful
will
be
a
number
of
controls
along
these
lines
and
we've
got
some
stuff,
hopefully
in
the
pipeline,
that
we
can
announce
soon,
but
just
wanted
to
say
thank
you
all
for
the
time
and
we'll
hand
things
now
over
to
paulo.
A
A
E
Yeah,
you
did
no
worries.
I
was
just
laughing
at
the
chat,
no
worries.
So
now
we
have
to
talk
about
how
we
can
customize
forms
for
items
in
lists
and
libraries
using
sharepoint
framework,
and
what
I
want
to
talk
with
you
about
is
a
new
capability
that
microsoft
introduced
in
sharepoint
framework
115.
E
When
we
create
such
extensions,
we
can
configure
the
extensions
to
render
just
one
of
those
or
one
or
more
of
those
forms.
So,
for
example,
you
can
create
an
extension
which
will
just
customize
the
edit
and
new
experience,
but
you
don't
necessarily
need
to
customize
the
display
experience
or
the
other
way
around,
because
when
you
register
your
extension,
you
can
choose
what
kind
of
page
type
you
want
to
customize
and
you
have
a
nice
enumeration.
E
E
You
can
do
that,
as
I
said,
for
the
new
display
and
edit
forma
independently,
and
you
can
then
save
the
settings
of
the
content
type
and
make
it
happen
for
real.
Nowadays
you
can
use,
or
you
can
easily
use
the
client-side
object
model
and
vip
powershell
to
configure
those
properties
on
a
content
type
and
in
the
near
future.
I'm
saying
near
because
we
are
working
on
it
in
the
near
future.
E
It
will
be
possible
to
export
and
import
through
the
pmp
provisioning
engine,
these
settings
so
that,
if
you
are
creating
a
custom
solution,
you
are
an
isv
or
whatever
else
and
you're
building
your
own
solution,
and
you
want
to
do
pnp
provisioning
of
that
solution,
including
the
custom
forms.
You
will
be
able
to
do
that
using
the
provisioning
engine.
E
So
that
said,
and
now
that
we
are
all
on
the
same
page,
let
me
switch
to
the
demo
and
let
me
show
you
how
you
can
create
such
kind
of
extensions
and
what
you
can
do
to
develop
your
custom
forms.
So
I'm
gonna
switch
to
first
of
all,
the
common
prompt
just
to
show
you
how
the
human
generator
for
sharepoint
will.
Let
us
create
a
custom
form
customizer.
E
So
here,
just
for
the
sake
of
simplicity,
I
already
executed
the
human
generator
for
sharepoint
in
a
completely
random
folder
and
I'm
going
to
create
a
solution
which
will
have
this
nice
name
now.
When
you
have
to
select
what
kind
of
component
you
want
to
create,
you
can
select
to
create
an
extension
and
now,
in
sharepoint
framework
115,
you
can
select
to
create
a
form
customizer,
which
is
the
new
extension
that
we
have
by
selecting
this
one.
E
You
will
have
to
provide
a
name
whatever
you
like,
because
I
don't
really
care
about
this
one
which
will
be
just
dropped
into
the
trash
right
after
I
will
execute
it,
but
just
to
show
you
the
ui
and
then
you
can
choose
if
you
want
to
use
no
framework
or
if
you
want
to
use
react
as
like,
as
it
happens
for
most
of
the
components
that
we
create
using
sharepoint
framework.
I
already
did
it
for
another,
really
basic
form
customizer,
which
is
the
one
I'm
going
to
show
you
right
now.
E
What
is
it,
what
is
important
to
know
is
that
whenever
you
create
a
form
customizer,
you
have
to
take
care
of
a
couple
of
actions
when
the
user
will
click
on
the
save
button.
If
the
user
want
to
create
a
new
item
or
to
update
an
existing
item,
which
is
in
the
edit
form
or
the
user,
can
also
click
the
cancel
button,
which
will
simply
close
the
form
without
saving
the
updates
or
the
changes
to
the
item,
so
you
have
in
the
form
customizer
you
see
this
dot
form
saved
method
and
form
close
method.
E
These
two
methods
will
report
back
to
the
sharepoint
online
infrastructure
and
will
save
or
simply
skip
the
saving
of
the
item
and
will
tell
the
backend
infrastructure
to
go
back
to
the
list
to
show
the
list
of
items
by
closing
the
actual
form
customizer.
So,
for
example,
in
this
really
basic
sample,
we
have
a
react
component.
This
is
the
one
just
automatically
generated
by
the
scaffolding
tool
in
the
vr
component.
We
simply
have
the
render
method
of
direct
component,
and
here
we
can
do
whatever
we
like.
So
you
can
build
your
fully
customized
ui.
E
Of
course
you
will
not
have
the
item
id,
but
you
will
still
have
the
list
id
so
now
that
I
showed
you
the
basic
automatically
generated
one.
Let
me
switch
to
a
real
one
and
let
me
show
first
of
all
the
form
customizer
in
action.
So
let
me
go
to
my
browser,
and
here
we
have
a
demo
list
which
I
already
configured
to
have
a
custom,
a
customized
form.
E
So,
for
example,
if
I
will
select
this
item
or
either
way
this
one,
I
will
see
in
the
ui,
not
the
out-of-the-box
form,
but
a
custom
one
which
I've
built
using
sharpen
framework.
As
you
can
see
here
now,
I'm
showing
I'm
using
the
edit
form,
so
I
can
change
the
values
of
this
item.
I
can
change,
for
example
the
taxonomy
and
go
to
I
don't
know
sharepoint
online
and
save
it,
and
I
will
go
back
to
the
list
of
items
and
my
item
will
be
updated.
E
I
can
add
a
new
item
and
still
I
will
be
able
to
see
my
custom
form
because
I
decided
to
associate
my
form
to
all
of
the
flavors
available
just
to
show
you
the
power
of
this
new
capability.
So
this
will
be
the
viva
sig
call
and
the
item
will
be
100
and
just
because
I
called
it
the
viva
one.
I
will
select
microsoft
viva
as
the
taxonomy
field.
I
can
save
it.
E
That
will
have
my
new
item
available,
so
really
simple
and
straightforward,
and
I
can
use
it
to
build
the
custom
ui
of
a
form
for
my
items
using
a
sharepoint
framework.
How
did
I
build
this
customizer?
It's
like
as
before.
I
used
the
human
generator
to
build
the
initial
scaffolding,
but
then,
in
my
custom
form
customizer.
E
E
E
The
list
id
and
the
list
item
id
for
the
item
that
you
want
to
edit
or
to
display-
and
you
have
the
capability
to
define
some
custom
events
on
the
dynamic
form
so
that,
for
example,
when
the
user
will
click
on
the
cancel
button,
you
will
have
a
custom
event.
When
the
user
will
click
on
the
save
button,
you
will
have
a
before
submit
where
you
can
do
eventually,
some
custom
validation
logic,
and
then
you
can
say:
okay,
all
good.
I
don't
want
to
cancel
the
submission,
or
you
can
say
true-
can
sell
the
submission.
E
When
I
create
the
riyadh
component,
I
provide
the
unsave
and
the
on
close
events,
relying
on
the
corresponding
methods
in
my
form
customizer.
So
here
on
save
I
will
notify
to
the
sharepoint
framework
for
customizer
infrastructure
that
the
user
saved
the
item.
On
close,
of
course,
I
will
notify
that
the
user
just
closed
without
saving
so
that
on
the
actual
dynamic
form,
when
the
user
will
say,
okay,
oops
go
away.
E
Okay
on
cancelled,
oh,
come
on
on
cancelled,
I
will
rely
on
the
on
close
method
defined
in
the
properties
of
my
react
component,
and
the
same
applies
for
the
unsubmitted,
where
I
rely
on
the
on
save
property,
which
maps
to
my
save
method.
You
see
here
in
the
properties,
I
define
those
two
methods.
So
really
really
simple
again
and
mainly
because
we
have
this
wonderful
control,
the
dynamic
form
control,
which
makes
our
life
really
really
easy.
E
E
This
is
the
information
we
need
to
provide
whenever
we
want
to
configure
our
form
customizer
onto
a
target
content
type,
and
if
we
want
to
debug
it
locally
within
visual
studio
code,
we
can
just
rely
on
the
serve.json
file,
and
here
we
can
configure
as
many
configuration
sections
as
we
like.
So,
for
example,
we
have
a
default
one,
but
we
can
configure
as
many
as
we
like,
and
here
I
configured
my
form
customizer
here.
E
Well,
we
simply
need
to
do
gulp
server
dash
dash
config,
and
we
provide
the
name
of
the
configuration
or
if
we
will
do
just
gulp
server,
we
will
fall
back
to
the
default
one.
So
let's
say
that
we
want
to
play
with
the
configuration
to
actually
let
me
move
from
the
list
to
the
library
I
have
a
library
in
my
site.
Let
me
show
you:
I
have
this
demo
library
in
which
I
have
one
document.
E
I
can
start
the
new
form
or
the
edit
form,
for
example,
for
this
library.
As
you
can
see,
this
is
the
root
folder
of
my
library.
This
will
be
the
configuration
that
I'm
going
to
use.
I
will
run
gulp
server
with
this
configuration
and
it
will
start
this
page
and
let
me
debug
my
component
targeting
that
library
and
that
item
oops,
not
what
I
was
looking
for.
Gulp
server
is
better
than
server.
Sorry,
typo!
E
Okay,
I
don't
know,
I
always
make
this
mistake.
I
don't
know
if
you
do
the
same,
but
I
always
do
that
serve
server,
my
fault,
okay.
So
when
you
run
it
in
debug,
you
have
to
accept
that
you
want
to
load
the
debug
scripts,
so
you
click
on
load,
debug
scripts.
It
will
take
a
while
and
after
a
bit
of
a
wait,
we
will
be
able
to
see
our
form
running
and
editing
the
item.
The
item
with
id
number
one
in
the
target
library.
E
Hopefully,
okay,
it
is
loading
now
taking
longer
than
expected,
but
it
will
work
last
world
famous
words.
No,
it
should
just
a
matter
of
waiting
and
as
soon
as
it
will
be
ready,
we
will
see
the
dynamic
form
loading
and
we
will
see
all
of
the
fields
rendering
in
the
ui
of
our
custom
page,
and
you
can
do
that
for,
as
I
said,
a
list
item
a
document
or
a
document
set.
E
E
E
You
connect
to
the
target
site
and
you
get
the
target
content
type
you
are
targeting
and
then
you
can
simply
configure
the
display,
form,
client,
side,
component
id
and
eventually
the
properties,
and
the
same
applies
for
the
new
and
for
the
edit
form
you
update
the
content
type.
You
invoke
vmp
query
and
you
are
done.
You
have
custom
your
custom
form
configured
for
your
target
content
type
in
your
target
list
and
library.
E
A
Graceof
paolo,
thank
you
so
much
for
that
wonderful
demo,
as
always
paulo.
So
I
want
to
thank
well
thanks.
Paulo
for
doing
a
great
demo
today
on
creating
custom
list
forms
with
spfx.
It's
a
fantastic
new
capability
in
spf,
x,
1.15,
and
thank
you
to
me
for
doing
a
demo
on
onedrive
file.
Picker
v8
encourage
you
to
try
that
give
it
a
chance
in
your
solutions
and
then
give
us
feedback
on
that.
I
would
love
to
hear
from
you.
So
thank
you
to
both
of
our
demos
today.
A
It's
weird
because
my
brain
just
kind
of
does
the
same
script
every
time
but
great
stuff,
and
if
you'd
like
to
do
a
demo,
please
submit
for
us
as
well.
Thank
you
all
of
you
for
attending
our
call.
Recording
will
be
available
in
about
24
hours
on
our
youtube
channel.
You
can
follow
us
there
on
twitter.
Our
next
call
will
be
in
two
weeks
on
august
11th
and
our
next
general
dev
call
will
be
next
week
august
4th
at
the
same
time,
you
can
get
all
the
calls
there
at
aka
dot.