►
Description
Viva Connections & SharePoint community call on October 6. Two demos: Building a Help Desk Adaptive Card Extension for Microsoft Viva and Getting started on building SPFx solutions with reusable open-source controls. Latest on Microsoft Viva Home experience at Microsoft Viva Blog (aka.ms/microsoftviva/blog). Digital event - Microsoft Viva Home Experience. Project releases include: CLI for Microsoft 365 – v5.8.0 (GA), Reusable SPFx React Controls – v3.11.0 (GA), and Reusable SPFx React Property Controls – v3.10.0 (GA) See or listen to the latest episodes of Microsoft 365 PnP Weekly. The host of this call is Paolo Pialorsi (PiaSys.com) @paolopia. 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
B
And
welcome
to
this
Viva
connections
and
SharePoint
framework
by
weekly,
sync
call
I'm
popular
and
today
I'm
your
host.
So
let's
have
a
quick
look
at
the
agenda
of
today's
meeting.
We
will
start
with
some
information
about
the
PMP
Community
by
itself,
and
then
we
will
dig
into
SharePoint
framework
latest
news.
We
also
see
some
news
about
Viva
connections
as
well.
B
So,
first
of
all,
we
need
to
be
aware
of
the
fact
that
everyone
can
contribute
to
this
community.
This
is
a
really
open
and
inclusive
community
and
if
you
have
any
demo
or
any
sample
that
you
want
to
show
and
share
with
the
community,
please
register
here.
You
can
find
the
url
ak.ms
and
365
PMP,
slash,
request,
slash
demo
register
your
spot
and
present
your
demo
in
any
of
the
upcoming
Community
calls.
C
B
Can
also
contribute
to
the
community
on
GitHub,
either
creating
issues
in
the
repositories
or
making
pull
requests.
If
you
want
to
write
code
and
give
back
to
the
community
or
just
providing
questions
and
sharing
your
point
of
view
with
the
whole
Community,
you
can
also
provide
your
feedback
through
any
of
the
available
channels
like
the
Tech
Community
or
any
other
channels
that
we
have.
There
are
also
plenty
of
digital
content
available
for
you
to
learn
how
to
build
a
Microsoft
365
solutions
to
our
videos.
There
are
open
source
samples.
There
is
the
sample
Gallery.
B
There
are
plenty
of
URLs
that
you
can
use
and
just
for
the
sake
of
Simplicity
sticking
to
your
mind,
the
aka.ms
n365
slash
Community
from
that
URL.
You
can
go
everywhere
else
and
get
access
to
all
of
the
content
that
we
have
in
the
we
have
plenty
of
community
calls
almost
on
a
weekly
or
bi-weekly
basis.
For
example,
we
have
the
weekly
Microsoft
65
platform
call,
and
here
you
can
find
the
link
to
register
and
to
dig
into
that
one.
B
We
have
course
about
adaptive
cards,
the
identity
platform
office
audience
and
the
Power
Platform,
as
well
as
as
a
PMP
Community.
We
have
a
couple
of
bi-weekly
calls
one
is
this
one?
We
give
a
connection
and
sharpen
framework
one
and
the
other
one
is
the
micro,
65
and
Power
Platform
community
so
register
for
those
calls,
save
them
in
your
agenda
and
contribute
to
the
community
and
talking
about
the
community
course
on
October
the
11th.
B
There
will
be
the
Microsoft
respite
platform
call
so
next
week,
and
specifically
in
that
one,
we
will
have
an
introduction
to
record
management
apis
on
Microsoft
graph,
as
well
as
a
really
interesting
demo
by
Gary
and
Aika
about
how
to
build
a
common
bot
for
teams
using
the
teams
toolkit
for
visual
studio
code
talking
about
how
to
contribute
and
how
to
be
part
of
the
community.
I
think
that
David
want
to
share
something
with
us
right,
David,
absolutely.
A
Thank
you
Paolo.
Well,
friends
sharing
is
caring,
is
a
program
here
to
provide
you
Hands-On
guidance.
Now
many
of
you
know
about
this.
Many
are
new,
so
what
it
does
is
we
will
meet
with
you
in
live
sessions,
safe
space
opportunities,
which
means
we
don't
record
them.
There
are
opportunities
for
you
to
ask
questions
about
any
and
all
of
these
topics
as
well
as
interact
with
members
of
the
community
members
of
Microsoft
and
MVPs.
A
We
want
to
empower
you
to
be
able
to
do
more
within
the
community,
and
sometimes
we
understand
things
like
contributing
to
GitHub
can
be
a
little
scary.
That
landscape
can
look
a
little
weird
with
terms
like
a
fork
and
pull
requests.
What
do
those
mean?
So
you
want
to
make
sure
that
you
are
empowered
and
feel
confident
and
that's
what
we're
going
to
provide
you
with
these
sessions.
A
We
have
new
sessions
being
scheduled
here
as
we
move
into
our
winter
months
and
the
summer
vacations
are
over
and
we
just
had
our
live
one
at
the
Power
Platform
conference.
In
fact,
the
first
ever
live
sharing
is
carrying
with
in-person
attendees,
which
is
very,
very
cool.
So
keep
an
eye
out
at
ak.ms
forward.
Slash
sharing
is
caring.
A
Now,
once
you
do
contribute,
we
want
to
make
sure
that
you
are
recognized
for
this,
so
our
recognition
program
has
been
set
up
in
partnership
with
credly,
yes,
that
same
credly
that
provides
those
badges
to
you
when
you
get
certified.
Those
very
same
badges
can
be
achieved
for
contributions
to
the
community,
a
variety
of
ways
in
which
you
can
be
recognized.
A
In
fact,
some
of
our
presenters
today
will
be
recognized
with
a
badge
there's
some
for
blogging
power
contributor
for
the
power
app
samples
sharing
is
carrying
General
badges
as
well,
so
it
is
free,
absolutely
free
for
you
to
opt
in
AK
dot,
Ms
forward,
slash,
M365,
PNP,
Dash
recognition.
We
do
need
you
to
opt
in,
though
so
we
can
kind
of
connect.
Your
GitHub
account
to
your
credly
account
that
way.
We
know
when
you
contribute.
A
You
only
need
to
do
that
once,
though
you
don't
need
to
do
it
more
and
more
so
you'll
be
on
the
lookout
for
those,
as
we
moved
into
a
new
month,
you're
going
to
see
some
new
Badges
and
it's
also
October
or
hacktoberfest,
so
we're
going
to
have
a
special
hacktoberfest
badge
that
we'll
be
releasing
over
over
the
weekend,
so
be
on
the
lookout.
For
that
so
appreciate
everything.
You're
doing
Palo
back
to
you.
B
Thank
you
David
and
yes,
let
me
say
that
if
you
give
back
to
the
community,
you
will
get
back
from
the
community
recognition,
so
really
a
really
interesting
program.
Thank
you
again
David.
So
it
is
now
time
to
talk
about
the
latest
news
in
the
area
of
SharePoint
framework
and
Microsoft
Viva
and
teams
and
SharePoint
accessibility,
so
Visa.
D
Let's
go
and
hear
a
quick
update
in
this
one.
We
already
mentioned
the
diva
announcement
here
last
time,
but
just
to
call
out.
Yesterday
we
released
oh
David
for
yesterday,
depending
on
which
time
zone
you're
located.
We
released
an
update
related
on
upcoming
announcements
and
availability
on
the
Viva
Home
experience
and
with
a
home
experience
seems
to
be
going
to
be
available
for
first
release
tenants
by
end
of
this
calendar
year.
D
D
For
that
in
general,
we
will
announce
something
cool
related
on
spfx
and
the
new
capabilities
within
next
week
in
ignite,
which
I
cannot
go
to
super
details
at
this
moment,
I
will
call
them
out
then
next
time
within
the
spfs
call,
but
that's
the
gift
on
the
on
the
slide,
but
let's
go
forward.
Thank
you.
C
Yes,
thank
you.
So
we
have
version
3.8
coming
out
next
released,
October
14th,
so
as
always,
General
documentation
updates,
there
has
been
Patrick,
has
been
doing
some
stuff
a
lot
of
stuff
because
I
have
been
quite
busy
myself,
but
we
have
some
updates
to
caching
and
search.
He
is
working
on
some
testing
improvements,
so
we're
doing
a
lot
of
work
there
I
don't
know
that
it'll
be
all
done
for
3.8,
but
there
will
be
some
improvements
there.
C
We
made
updates
to
the
I
folder
I
file,
copied
by
path
and
move
by
path,
to
increase
the
metadata
and
to
make
those
a
little
bit
more
robust.
So
that
is
done
and
we
added
two
new
methods
called
file
from
path
and
file
from
absolute
path
which
allow
you
to
get
a
file
outside
side
of
the
current
web,
just
using
a
relative
path
or
an
absolute
path.
So
that's
pretty
powerful.
C
We
also
added
then
the
same
for
folder,
so
folder
from
path
and
folder
from
absolute
path,
and
he
added
an
extra
little
thing
to
the
SP
queryable
object,
which
every
method
in
the
fluent
chain
is
an
SP
queryable
object.
And
so
now
you
can
do
the
get
context
info,
which
will
tell
you
about
where
the
that
call
is
being
directed.
C
So
you
can
get
the
context
of
the
call,
so
that
can
be
super
useful,
especially
if
you're
dealing
with
lots
of
objects
making
sure
you're
where
you
think
you
are
again
any
of
these
updates
are
in
that
nightly
build
if
they
were
merged
in
so
you
can
get
that
through
npm
and
it
always
follow
us
on
M365
pmp.js
on
Twitter,
for
the
latest
updates,
and
that
is
all
I
have
back
to
you.
Paulo.
B
E
I
am
here
yeah.
Thank
you
very
much
Paulo,
so
yeah,
hello,
everyone.
So
we've
got
it's
a
new
month
with
a
new
my
release
of
CLI
for
Microsoft
365.
So
this
release
is
5.8,
not
many
updates
from
actually
the
last
time
I
I
presented
this
just
everything
has
been
rolled
up
through
throughout
the
month
and
has
now
been
released.
C
E
The
CLI
for
executing
custom
web
requests
as
well
really
super
useful
I've,
actually
used
this
in
the
last
week
to
fill
a
gap
of
of
our
commands
that
we
didn't
have,
and
so
I
really
encourage
you.
If
you
do
use
this
command
and
you
are,
you
need
to
use
it
because
of
the
command
missing.
Please
let
us
know
so
we
can
raise
issue
and
we
can
get
that
actually
into
into
the
CLI
as
a
nice
friendly
command.
E
So
you
don't
have
to
write
the
URL
requests
yourself
and
another
thing
about
issues
as
well
and
David
mentioned
this
earlier
about
hacktoberfest
is
well
underway.
We've
got
tons
of
good
first
issues,
so
if
you're
looking
to
find
a
repository
to
get
your
four
hacktober
Oktoberfest
PR's
in
please
check
out
the
repository,
because
we
have
a
lot
in
them.
We're
going
to
be
creating
a
lot
more
throughout
the
throughout
the
month
to
to
make
sure
everyone's
got
opportunities
to
to
yeah.
Get
that
get
that
swag.
E
One
thing
that
we
really
want
to
encourage
everyone
to
do
this
month
as
well
is
you'll
notice
that
we
have
a
Discord
server
now,
so
we've
set
this
up
we're
going
to
see
how
we
how
it's
going
to
go.
So
if
you
are
on
Discord,
please
join
we've
got
the
the
invite
link
on
there
we're
going
to
see
how
it
goes.
We've
got
events
on
there
we're
going
to
try
and
do
all
sorts
of
new
and
wacky
things
as
Kevin's
just
mentioned.
B
B
We
have
a
new
announcements
in
the
dynamic
form
in
the
people
picker
and
the
modern
taxonomy
picker,
specifically
in
the
dynamic
form,
and
how
you
can
hide
some
of
the
filth
and
it
has
been
improved
in
order
to
manage
custom
rendering
for
field.
This
is
really
really
useful
whenever
you
want
to
create
a
form
customizer
with
spfx
nowadays
in
the
modern
UI
they're.
Also
the
react
property
controls
where
we
have
some
new
capabilities
in
the
property
filter
quicker
and
some
other
controls.
B
D
B
Talking
about
model
search,
the
modern
search
is
improving
as
well.
We
now
have
the
version
4.8
beta
in
that
one.
There
are
some
nice
improvements
like,
for
example,
the
support
for
actionable
adaptive
cards
in
the
search
results.
So
you
were
already
able
to
use
the
Adaptive
card
to
render
the
output
of
the
search
results.
But
now
you
can
also
make
those
cards
interactive
and
actionable,
so
you
can
click
on
them
and
start
custom
actions
like
it
happens
in
Viva
cars,
and
we
also
have
the
old
version
3.23,
which
is
of
December
2021.
B
A
I'll
jump
in
here
Paulo.
This
is
actually
for
I
think
he
goes
a
little
out
of
sorts
this
morning,
not
feeling
well.
So
we
have
a
number
of
samples
available.
Spfx
extension,
web
Parts,
Aces,
a
plethora
or
Cornucopia
for
our
festive
fall
season
of
samples,
and
you
can
see
them
all
at
aka.ms
forward.
Slash
M365
samples
all
are
always
welcome
to
contribute.
We've
got
a
number
of
PRS
in
process
that
we're
working
through.
B
D
Okay,
so
that's
that's
a
no
pressure,
so
let
me
do
that
yeah
one
second
I'm,
just
flipping
the
the
together
status
and
whenever
we
actually
get
done.
Let's
do
the
nice
Auditorium,
that's
always
nice.
Let
me
share
my
screen,
so
we
get
things
moving
and
then
let
me
get
the
themes
back
in
here
and
here
we
go
and
we
do
have
50
states
in
the
room
soon
it
should
well
I,
don't
know
if
it's
soon,
but
it
should
be
even
a
little
longer.
Not
yet
not
yet
not.
Yet.
Let's
wait.
D
Let's
wait
through
room
to
fill
in.
Let's
wait,
wait,
wait,
wait,
wait,
wait,
wait,
wait,
wait,
wait,
wait!
A
few
more
rows,
a
few
more
States
few
more
States!
Here
we
go
here.
We
go.
Yes,
we
can
see
from
pingling
I
will
click
the
recording
on
I
guess
we
are
now
filled
out
and,
let's
do
some
hand
faving
everybody.
Thank
you
for
joining
once
again
we're
on
the
community
call.
Please
please,
please
keep
the
feedback
coming.
We
are
building
all
of
the
Microsoft
365
experiences
for
you.
Thank
you
Paulo.
D
B
E
F
F
F
So
you
can
now
it'll
trigger
a
button
to
open
up
the
Picker
on
either
the
mobile
device
or
on
your
computer
and
add
an
image
or
a
file
so
with
that
we're
just
going
to
go
into
the
demo
part,
because
that's
really
what
folks
want
to
see.
So
here
you
can
see
there
are
two
Aces:
we've
got
the
create
a
new
help
desk
ticket
Ace
and
then
the
list
of
pending
help
desk
tickets.
So
they
do
have
a
little
bit
of
configuration
to
them.
F
The
first
one
they're
both
configured
the
exact
same
way
when
you
edit
them
it
asks
for
a
Bing,
Maps,
API
key.
You
don't
need
an
API
key
to
use
the
geolocation
functionality.
I
will
show
you
what
I'm
using
it
for
in
a
little
bit
and
the
other
is
because
I'm
uploading
images
I
want
to
be
able
to
store
those
images
somewhere
like
a
SharePoint
Library,
so
I
added
in
functionality
that
checks
to
see
if
the
current
user
has
the
permissions
to
actually
add
a
library.
F
F
Configure
the
library
and
I
already
have
the
API
key,
so
I'm
going
to
go
in
and
just
publish
this
and
because
I
want
to
look
at
it
in
preview
mode,
because
it
looks
pretty,
you
can
see
so
I'm
going
to
click
the
create
new
help
desk
and
this
particular
Ace
like
I,
would
audience
Target
this
to
everyone
in
the
company.
You
could
fix
this
so
that
it
connected
to
servicenow.
You
could
figure
this
to
go
to
a
SharePoint
list.
F
This
just
holds
data
and
goes
to
a
teams
app
to
show
deep,
linking
capabilities,
but
you
could
take
the
service
layer
and
push
this
wherever
you
need
it
to
be.
So
here
it
randomly,
creates
an
incident
number.
It
grabs
my
name.
It
provides
the
image
it
gives
the
open
date
and
then
there's
some
drop
down.
So
this
is
going
to
be
an
incident,
and
this
is
high
priority.
So
I'm
going
to
say
help
can't
log
in.
F
And
now
I
can
either
discard
the
request
or
I
can
click
next
I'm
going
to
click
next
and
now
it's
going
to
pull
all
this
information
forward,
we're
navigating
to
a
new
card
and
because
I
have
the
big
Maps
API
key
I
am
showing
a
button
and
I'm
going
to
add
the
location.
This
is
using
the
geolocation
functionality.
F
And
it
brings
up
the
geolocation
screen
to
show
your
address,
and
this
is
the
location
that
I'm
picking
if
I
click
share
location.
This
is
going
to
now
trigger
an
event
in
the
Adaptive
card,
and
this
is
what
I'm
using
Bing
Maps
for
is
to
actually
get
the
street
locate
the
street
address
now
for
the
image
upload
we're
going
to
click
the
button,
and
this
is
going
to
open
up
the
dialog
to
choose
the
image
when
I
do
that.
I
can
pick
some
recent
images
that
I've
been
there.
F
We
go
and
now
I
can
select
this
image
and,
in
the
background,
it's
processing
this
image
and
it's
saving
it
into
the
SharePoint
site
that
I
just
created
to
the
library
in
the
SharePoint
site
that
I
just
created
and
you
can
add
multiple
images
and
then
I'm
going
to
go
ahead
and
submit
this
card,
and
this
is
going
to
open
up
the
teams
app.
But
again
you
can
use
this
to.
You
know
to
link
into
your
existing
help
desk
system
and
to
save
the
data
there.
F
So
that's
the
help
desk
create
ticket.
Now,
if
you
are
working
on
help
desk
tickets,
you
may
want
to
use
this
Ace.
This
one
lists
out
the
ones
that
you
have
assigned
to
you.
So
if
you
click
it
now,
this
isn't
connected.
This
is
meant
for
sample
data,
so
this
is
particularly
just
pulling
in
random
data.
It's
not
connected
to
the
two.
You
can
show
the
different
help
desk
tickets
that
are
assigned
to
you,
click
on
one.
You
can
see
this
one
is
overdue
because
it
was
open
on
the
28th,
the
information
about
it.
F
You
can
see
the
image
that
was
attached
to
it
when
the
person
created
the
card
initially,
but
again.
Now
we
can
use
that
latitude
and
longitude
that
we
got
from
the
get
location
functionality
and
we
can
click
get
directions,
and
this
is
going
to
open
up
big
Maps
directions
and
say
I'm
at
the
Seattle
Marriott,
because
this
is
going
to
be
an
in-person
call.
I
can
then
go
get
directions
for
how
to
get
to
that
particular
office
and
fix
that
issue
same
thing
with
the
image
upload,
as
we
saw
in
the
last
card.
F
F
So
when
the
buttons
we're
going
to
use
this
action
dot
submit,
so
you
can
see
I'm
setting
the
label
here
called
Next
button,
and
this
has
a
string
attached
to
it
called
that
says
next,
with
an
ID
of
confirm
when
this
gets
called.
When
you
click
on
this
button,
it
activates
the
on
action
method,
the
on
action
method,
basically
processes.
Any
clicks
most
of
the
clicks
that
are
coming
from
the
cards
so
whether
it's
a
submit
action
or
the
geolocation
or
the
upload
media.
It's
got.
F
It
gets
to
do
something
with
it
so
here
because
I'm
submitting
it
I'm
taking
that
confirm,
I'm
checking
for
that
confirm,
ID
and
then
I'm
setting
the
values
to
an
object
in
state,
so
I'm,
setting
the
form,
elements,
category
and
urgency
from
that
form
and
setting
the
property
to
new
and
then
putting
that
in
the
state
and
updating
the
state.
But
in
order
to
move
to
a
different
card,
we
need
to
use
the
quick
view
Navigator.
F
So
we're
taking
the
quick
view
Navigator
here
and
we're
calling
the
push
function
and
we're
passing
in
the
ID
of
the
add
location
view,
and
this
gets
set
in
the
initialization
for
the
Adaptive
card
extension.
So
then
we
do
that
and
we
move
over
to
the
add
location
screen.
I'm
just
going
to
do
this
real
quick,
so
you
have
something
to
follow
along
with,
and
so
this
is
the
next
screen.
This
is
the
add
location
screen.
F
There's
additional
logic
here
for
the
image
I'm
setting
a
flag
in
when
I
load
the
web
part
I'm,
checking
the
permissions
for
the
users
and
I'm
sending
a
flag
called,
can
upload
so
again,
I'm
using
this
when
functionality
to
show
and
hide
different
elements
on
the
Adaptive
card
based
on
whether
or
not
the
user
has
permissions
or
the
ability
to
do
X,
Y
or
Z,
and
then
I
am
using
the
Viva
actions.select
media
type.
For
this
particular
button,
that's
the
button
that
is
going
to
open
up
the
media
window
and
I.
F
Have
the
ability
to
select
can
I
allow
multiple
images
to
be
captured?
What
types
of
files
do
I
want,
I
can
restrict
it
to
jpegs
I
can
restrict
it
to
pngs.
You
can
set
up
a
whole
bunch
of
different
stuff
to
to
do
that
and
then
again,
where
I
said
that
on
action
method
processes,
all
those
things
in
the
typescript
file
for
that
for
the
on
action
for
the
add
location,
template
we've
got
two
different
elements
in
here.
The
first
is
we're
checking.
F
F
So
if
you
have
more
than
one,
if
you
processed,
you
know
four
images
and
uploaded
them
together:
I'm
processing
the
image
data,
creating
the
URL
and
then
I'm
saving
that
data
into
the
SharePoint
list.
With
this
get
image,
this
add
image
function
and
you
can
see
I'm
using
pmp.js
to
push
that
image
into
the
SharePoint
Library
and
the
end
result
is
what
you
see
here
and
then
pushing
the
data
into
that
Library,
and
that
is
all
I.
D
One
question
which
is
actually
kind
of
interesting
on
the
solution
in
here.
This
is
really
cool
and,
and
this
is
create
solution
well,
the
design
is
coming
from
Microsoft
and
partnering
together
with
some
practice
on
this.
So
we're
kind
of
working
together
with
Derek
and
thank
you
Derek
on
on
creating
the
the
designs
and
the
examples
and
and
we're
working
on
updating
the
gallery
solution
in
the
store
as
well.
Can
you
actually
point
to
the
solution
in
a
store
just
to
Showcase,
where
people
can
get
this
example
scenario?
F
There
is
a
the
Adaptive
card
extension
Gallery
right
here,
so
you
can
take
this
and
you
can
provision
this
directly
in
your
tenant.
Right
from
here,
as
vesa
mentioned,
we
have
a
update
coming
with
all
that
geolocation
stuff
I'm,
just
waiting
for
final
approval
from
the
store
folks,
but
this
has
all
of
the
all
14
of
these
demos
that
are
sample
Aces,
that
we've
I've
demoed
a
few
times
on
here.
D
Yeah
and
and
Chester
again
recap
on
that
one.
So
they're
not
really
functioning
end-to-end
scenarios
because
they
don't
actually
work,
they
don't
integrate
their
CRM
system
or
a
ticket
them
system.
They
show
a
scenario
so
they're
there
for
storytelling
and
and
for
decorating
the
dashboard.
So
you
can
actually
kind
of
have
an
easier
discussion
with
the
business
decision
makers
and
say
hey.
This
is
an
example.
How
you
got
your
dashboard
could
look
like
so
we're
kind
of
adding
an
additional
designs.
D
Designs
are
coming
from
Microsoft
and
then,
as
said,
we
partnered
with
swim
practice,
Consulting
we're
really
great
on
implementing
anything
in
SharePoint
framework
or
for
Biba,
and
then
we
put
that
to
the
store
and
and
the
last
update
should
be
coming
in
I
think
a
few
days
now.
Yes,
one
question
related
on
this
one
that
the
solution,
what
you
showed
it
was
really
really
cool
and
there
was
a
question
related
on:
where
did
you
store
and
the
security
so
being
mapped?
Yes,
where
are
those
persistent?
That's
an
interesting
question
Point
as
well,
so.
D
F
D
It's
a
property
in
an
ace.
It
gets
automatically
stored
within
the
storage
layer
from
Microsoft
side.
Now
the
how
we
would
actually
do
this
most
likely
in
production
if
it
would
build
something
like
that,
would
be
that
you
could
actually
take
advantage
of,
for
example,
the
tenant
properties,
which
is
a
in
and
capability
where
we
have
an
API.
So
in
the
Ace
you
can
just
request.
Hey
do
I,
have
the
license
key
already
in
a
tenant
properties.
D
F
Thing
I
wanted
to
point
out
so
while
the
the
entire
solution
is
able
to
be
installed
from
the
appsource
gallery,
if
you're
you
know,
if
you're
interested
in
how
we
did
this,
there's
a
GitHub
repo
in
the
instructions.
Here,
it's
also
in
the
samples
repo
on
pnp.github.io
and
you
can
see
all
the
source
code
for
what
I
did.
So
if
you
just
want
to
go
pick
it
apart
or
build
your
own
by
all
means
you
can
go
in
and
grab
and
grab
the
code.
We
tried
to
build
the
service
layer.
D
B
G
Thank
you.
So
the
idea
of
this
session
is
to
again
create
awareness
of
the
controls.
We
have
the
PNP,
reusable
controls
and
property,
pin
controls
and
there's
still
a
lot
of
people
that
don't
know
a
lot
about
them
or
don't
use
them
very
often
or
not
aware
of
they
have,
and
the
idea
was
to
just
keep
showcasing
them.
So
a
great
awareness
and
basically
just
transmit
how
simple
and
Powerful
these
things
are.
G
So
let
me
report
the
new
ones
if
you
just
search
for
PNP
controls
or
property
controls
or
reasonable
controls
will
easily
find
two
websites,
so
the
SB
level,
Dev
effects,
property
controls
and
spfx
controls
react
the
names
pretty
much
Give
It
Away
installation
is
as
simple
as
scrolling
down
the
page,
the
stock
list.
What
I
do
copy
my
command
line
paste
run
then
close.
The
close,
the
page
I
did
that
already
so
I
have
an
hello
world
web
part
project
set
up
here
where
I
have
the
two
dependencies.
G
G
G
G
And
we
grab
the
control
so
because
it's
a
property
control.
We
just
go
down
to
the
area
where
we
declare
the
controls,
copy
and
paste
check.
If
we
need
to
template
anything,
save
I,
know,
I
have
metadata
a
term
group
and
the
term
set
that
have
those
names.
So
if
we
now
go
back
here-
and
this
is
our
sample
web
part
and
all
I
did-
was
just
copy
the
control
and
we
have
a
term
picker-
they
didn't
even
have
to
figure
out
anything.
G
All
you
need
to
do
now
is
just
refine
any
properties
you
may
need
make
it
multi-select
or
I.
Think
it's
already
true,
but
change
the
term
group
term
ID
whatever
play
with
the
configurations.
If
the
default
is
not
what
you
need.
So
next
I
can
pick
a
control,
so
that
gives
us
a
bigger
for
icons
from
fluent
UI
that
you
can
pick
and
can
hear
same
thing
again
copy
the
import.
G
G
Another
one
I
will
probably
just
skip
this
one
for
the
sake
of
time,
but
it's
the
property
field,
the
road
picker
role,
definition
picker,
which
allows
you
to
select
brawls
in
the
site,
so
you
can
select,
for
example,
on
a
given
web
part.
If
it's
it
has
something
to
do
with
viewers
or
editors
or
something
like
that.
G
G
Area
where
you
can
Define
this
data
structure
that
you
want
to
copy
so
on
the
properties
of
the
control
I'm,
just
using
the
default
1000
documentation,
but
I
think
you
can
figure
out
from
here
that
the
fields
are
defined
here
in
a
very
simple
way.
You
can
have
the
field
types
we
have
string,
number
and
drop
down
for
this
example.
You
select
the
options
when
you
put
this
on
the
page,
all
this
data,
it
saves
us
a
collection
in
the
web
part
properties.
G
So
if
you
do
in,
for
example,
something
like
rendering
links,
this
is
insanely
fast
compared
to
studying,
leads
on
webparts,
for
example,
because
you
don't
need
to
go
and
retrieve
them
when
the
page
loads
they're
there.
So
you
basically
get
a
collection
of
items.
You
can
Define
with
the
properties
that
you
specify
and
then
you
can
save
that
and
then,
when
the
page
loads
it
all
the
data
that
you
defined
error
is
pre-default
on
the
page.
G
G
G
G
So,
for
example,
you
can
show
some
anything
inside
this
control
when
the
user
has
specific
permissions
on
the
site,
for
example,
your
pages,
you
can
look
at
specific
list
or
a
remote
site
if
you
provide
the
URL
or
a
remote
list,
so
this
is
extremely
powerful
to
create
experiences
that
depend
on
the
permissions
on
the
user
and
it's
extremely
simple
to
use.
I've
done
it
a
few
times.
It
doesn't
have
any
complexity
to
the
project.
All
you
do
is
just
go
to
your
project
and
starting.
G
And
everything
you
want
to
render
is
there
inside
this
control.
So,
basically
anything
is
clear:
here
will
automatically
have
been
permission,
permission
controlled,
but
not
permission
controlled,
more
or
less
security
controls.
So
if
we
save
that
this
does
not
render
any
content,
it
will
just
show
our
hype
what
you
had
inside.
So
we
can
quickly
show
on
the
page.
G
One
it's
at
the
end,
it's
very
small.
So
let
me
just
now
mention
something
else
for
people
that
are
new
to
this.
Please
please,
please
go
to
the
both
websites
and
check
the
control
section
at
the
top.
There
is
a
lot
of
controls
there
for
testing
this
locally
Fork.
The
repository
the
repository
is
actually
an
spfx
web
art
project.
It's
very
simple
and
it's
the
same
structure
that
you
will
be
used
to
work
with.
You
can
use
npm
Link
I
can
quickly
show
you
here.
G
There
is
a
controls
test
where
part,
which
is
a
huge
playground
project,
is
very,
very
large.
The
first
time
you
look
at
it,
you
might
find
a
little
bit
lost,
but
the
structure
is
not
actually
that
complex.
So
we
have
a
Services
folder
where
some
most
of
the
services
are
located.
Some
controls
have
Services
inside
the
root
folder.
G
So
when
you
look
at
source
and
then
controls
and
each
control
has
its
own
folder
and
the
services
may
or
may
be,
without
that
folder
may
or
may
not
be
inside
the
control
folder
there
may
be
under
the
shared
services
folder.
There
are
also
books
and
I
know.
You
have
extensions
and
web
parts
to
test
some
of
these
controls.
G
If
you
want
to
contribute,
don't
be
afraid
to
about
things
like
coding,
Styles
try
to
maybe
have
a
look
first
and
see
how
things
are
done,
but
each
control
is
basically
unique.
It
was
done.
There
are
people
who
contributed
with
lots
of
controls
and
even
from
the
same
people
we
see
you
can
tell
the
evolution
of
clothing
over
time,
they're
just
getting
better
and
better,
but
there
is
no
restrictions
on
specific
code.
Styles,
that
you
need
to
follow.
This
is
supposed
to
be
open.
G
G
G
G
G
In
part-
and
you
know
just
copy
paste-
there
are
a
few
additional
things
you
can
configure,
but
most
of
them
there
are
examples
here
in
the
documentation
that
you
copy
paste
and
they
work
straight
away.
And
then
you
can
look
at
what
properties
at
the
bottom
of
the
documentation.
They
they're
generally
a
table
with
all
the
properties
that
are
supported
if
they
are.
G
If
they
are
required
or
not
in
the
description
and
so
on
so
on
this
once
you
have
under
controls,
sorry
underwear,
Parts-
there
is
controls
first
component,
that
is
on
the
web,
part
that
the
project
contains,
and
then
here
you
can
do
anything
you
want
just
be
mindful
to
not
maybe
checking
changes
here
that
are
only
specific
to
you.
If,
if
it's
something
new
by
all
means,
no
one
cares.
G
Whoever
is
going
to
change
it
next,
we'll
have
to
adjust
it
to
their
configurations
or
even
if
you
want
to
make
this
more
easy
to
test
Feel
Free
at
the
moment,
it's
just
a
massive
playground
where
people
that
dump
things
just
try
not
to
duplicate
things
too
much.
Otherwise
the
performance
here
will
be
very,
very
slow.
G
So
you
have
all
these
huge
amount
of
controls
you
can
play
with
initialization
for
some
of
the
controls,
like
the
term
picker
or
the
preview,
which
requires
that
three
hierarchy
it's
defined
here,
you
can
find
the
control
look
at
import,
look
for
the
control
and
see
what
you
need
to
configure.
Then.
D
If
you
don't
mind,
I'm,
gonna,
I'm,
gonna,
shuffle
your
demo
a
bit
and
you
had
the
clean
web
part
there
waiting
and
one
of
the
most
used
controls
in
this
react.
Controls
by
far
is
the
web
part
title
control,
because
that
should
be
basically
provided
by
us
as
a
Microsoft,
but
it
isn't.
But
the
code
which
we
have
as
a
webpart
control
in
here
by
for
sure
is
the
the
most
widely
used
one
it
by
the
community
and
customers
and
partners.
Can
you
show
how
do
you?
D
G
G
D
G
G
So
do
I
win
the
reason
why
we
need
this
is
because
we
are
on
the
component
and
when
we
save
the
property
needs
to
be
sent
back
to
the
web
part
for
starting
and
I'm
the
last.
What
else
do
I
need
click
property
I?
Have
it
and
I
only
need
a
display
mode?
The
display,
oh
and
I,
need
the
title
as
well.
Sorry,.
D
G
D
G
G
D
But
all
of
the
how
what
is
needed
all
of
this
is
basically
always
in
the
documentation
in
the
docs,
so
did
in
this
case,
as
as
Charles
mentioned
in
this
bit
of
a
larger
set
of
changes,
because
we
need
to
have
a
property
where
the
web
Port
title
is
being
stored
and
that's
stored
by
within
the
web
part
data
and
blob.
So
there's
a
bit
of
a
additional
set
of
configurations
to
be
done
here.
D
D
G
G
Just
again,
this
is
more
complex
because
we
have
the
title
on
the
web.
Part
properties
and
I
need
to
pass
the
title
to
the
con.
The
component,
then
we
show
it
here.
If
we
add
it,
we
didn't
need
to
send
it
back
for
saving
on
the
web
part
properties,
so
it
needs
to
go
back
and
forth.
That's
why
we
need
to
go,
although
through
all
those
loops,
that's
not
the
case
for
99
of
the
controls,
yeah
yeah.
D
Cool
Sorry
Trail
for
a
bit
jumping
there
and
asking
you
to
do
some
extra,
but
we're
now
we're
running
out
of
time.
So
I
guess
we'll
throw
it
back
to
to
Paula.
But
we'll
add
the
links
to
the
chat
or
they've
been
already
shared
in
the
chat
and
we'll
attend
in
the
in
the
community
called
summary
which
will
go
out
tomorrow.
But
Paula.
B
Yeah,
thank
you,
and
now
we
are
really
running
out
of
time.
So
thanks
everyone
for
joining
us
today
in
this
call
just
as
a
reminder,
the
recording
of
this
video
will
be
available
in
24
hours
under
the
PMP
YouTube
channel.
Here
you
can
find
the
link
remember
to
follow
us
on
Twitter
and
the
next
Viva
connection
and
spfx
call
will
be
on
October,
the
20th
7
A.M,
Pacific
time,
like
always
and
next
week,
that
will
be
the
Microsoft
365
and
Power
Platform
called
so
on
the
October
on
October,
the
13th
7
A.M
Pacific
time
again.