►
From YouTube: SharePoint Framework Community call – 11th of March 2021
Description
SharePoint Framework Community call on March 11. Demos: 1) DataTable web part for rendering data from lists with advance features, 2) Building List Search web part for showing data flexibly from lists or libraries, and 3) Using a web part to control which Sites have been granted permissions in Azure AD application. Releases: PnPjs Client-Side Libraries v2.3.0, CLI for Microsoft 365 Beta v3.7, Reusable SPFx React Controls – v2.5.0 and Reusable SPFx React Property Controls – v2.4.0, PnP Modern Search v3.18.0, and 5 PnP SPFx web part samples. The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler.
Learn more:
• See the full blog post for this call at: http://aka.ms/m365pnp-blog
• Download invite for bi-weekly SharePoint Framework call at: https://aka.ms/spdev-spfx-call
• Learn more about the Microsoft 365 Patterns and Practices community at: http://aka.ms/m365pnp
• Visit the Microsoft 365 Patterns and Practices community YouTube channel: https://aka.ms/m365pnp-videos
A
Hello
and
welcome
to
the
sharepoint
framework
and
javascript
special
interest
group
bi-weekly-
sync,
it
is
march
11
2021.
another
year
is
flying
by
I'm
your
host
for
this
call
patrick
rogers.
We
have
another
great
agenda
for
you
this
week,
latest
updates
around
the
sharepoint
framework
patterns
and
practices
updates
across
our
various
program:
offerings
new
community
samples
picture
time
with
together
mode
and,
of
course,
demos
and
three
great
demos
for
you
today
with
john
donnie
project
potty
and
david
warner.
A
Talking
about
data
table
web
part,
alberto
guertieres,
perez
talking
about
building
list
search,
web
parts
and
frederick
thorold
using
a
web
part
control
which
sites
have
been
granted
permissions
in
azure,
80
application,
three
great
demos
again
as
usual.
So
let's
get
through
it.
So
we
can
get
to
the
demos
we
often
get
asked
about
opportunities
to
participate
in
pnp,
spf
x
and
the
js.
This
call
in
particular
so
always
encourage
anybody
out
there.
A
I
know
all
of
you
are
doing
great
work
for
your
customers
and
your
companies
would
love
for
you
to
be
able
to
demo
that
work
to
us.
If
you
can
again,
of
course,
make
sure
it's
appropriate
to
demo
and
that
it's
something
you
can
show
publicly,
but
we
would
love
to
invite
you
to
demo
on
the
call,
so
please
reach
out
to
myself
or
visa,
and
we
will
go
ahead
and
get
you
set
up
for
a
demo
slot.
A
It
might
not
be
in
the
immediately
next
call
coming
up,
but
it
will
be
in
a
call
just
as
soon
as
we
can
get
you
booked
sometimes
they're
booked
out
a
couple
weeks.
We
always
welcome
contributions
on
github.
Those
can
be
take
the
form
of
reporting
issues,
submitting
pull
requests
or
helping
other
folks
with
issues
and
questions
they
have
where
you
might
happen
to
know
the
answer
already
and
as
always,
we
want
to
take
feedback
on
all
the
things
we're
doing
across
the
patterns
and
practices
program.
So
how
are
all
of
our
calls?
A
How
are
our
documentation?
Where
can
we
help
positive
feedback?
Is
okay
too,
of
course,
because
if
we're
doing
something
fun
that
you
enjoy
we'd
love
to
know,
so
perhaps
we
could
do
a
little
bit
more
of
that
or
highlight
that
as
we
go.
I
would
just
also
say
in
terms
of
feedback:
pmp
js
we've
just
opened
the
v3
feedback
kind
of
discussion
period,
so
julie
will
talk
about
that
more
in
a
little
bit,
but
absolutely
encourage
you
to
provide
your
feedback
there
so
links.
A
How
do
you
find
stuff,
microsoft,
365,
developer,
videos,
aka.msm365,
dev,
youtube,
that's
going
to
be
developer,
focused
videos
might
be
single
videos
or
series
focused
on
different
things
around,
say,
authentication,
creating
sharepoint
framework
solution
or
more
complicated.
You
know,
multi-video
series
topics
as
well
definitely
check
those
out.
M365Pmp
videos
is
all
of
our
recordings
from
the
various
community
calls.
A
So
those
calls
are
the
sig
calls.
The
monthly
community
call
and
other
calls
that
we
might
have
as
well.
As
you
know,
for
example,
like
the
sharing
is
carrying
sessions,
I
believe
are
there,
which
I
hopefully
didn't
just
lie
to
everybody
as
well.
We
have
bunches
of
great
open
source
communities
that
we
encourage
you
to
join
into
sharepoint
pnp
office,
dev
and
microsoft.
A
Graph
all
have
great
resources,
great
learnings-
and
you
know
great
obviously,
code
and
libraries
and
and
samples
and
things
to
use
but
encourage
you
to
get
involved
in
the
organizations
and
communities
that
you
are
interested
in
so
across.
All
of
those
all
of
those
are
welcoming
of
your
feedback,
welcoming
of
your
pull
requests
and
contributions,
so
encourage
you
to
check
those
out.
A
We
of
course,
as
well,
have
sample
galleries
so
web
parts,
extensions
list,
formatting
and
teams
samples
check
out
those
that's
a
great
place
to
start
for
a
new
project
to
see
you
know
how
to
get
going.
I
often
check
those
out
for
ideas
on
how
to
solve
various
problems
for
people
so
wonderful
resource
there,
and
thank
you
to
everybody.
That's
contributed
samples
over
the
years,
and
that
was
all
a
lot
to
remember.
Ak
dot.
B
Absolutely
thank
you,
patrick
well
friends.
It's
important
to
know
that
as
a
community,
we
are
open
source
and
inclusive,
but
we
understand
that
there
are
times
when
you
want
to
use
the
resources
or
contribute
back
to
the
community
through
patterns
of
practices.
There
are
hurdles
that
you
may
experience,
such
as
what
is
github.
How
do
I
submit
information?
How
do
I
use
things
like
nvm
and
node
and
spfx
tools?
Well,
the
sharing
is
caring.
Initiative
is
here
to
provide
you
hands-on
guidance.
Now.
What
does
that
mean
means?
B
You
can
join
sessions,
small
intimate,
not
recorded
sessions,
so
it's
a
safe
space
to
ask
questions
and
be
open
and
communicative.
We
have
a
broad
spectrum
of
topics:
first
time
contributor,
community
docs,
first
time,
presenter
more
than
code
with
vs
code
and
even
more
growing.
Our
team
has
grown
recently
with
emily,
mancini
and
april
dunham,
so
you
can
see
they'll
be
soon
power
platform
we're
working
with
luisa
friese
as
well
for
some
of
the
more
first-time
presenter
and
more
than
code
of
the
vs
code.
B
So
we
invite
you
to
come
join
one
of
the
sessions
and
we
also
have
office
hours,
which
gives
you
the
opportunity
to
schedule
some
one-on-one
time.
If
you
just
have
some
very
specific
questions,
so
please
aka.ms
forward.
Slash
sharing
is
caring.
It's
completely
free
and
we'd
love
to
see
you
there,
patrick
back
to
you.
A
C
Quickly,
talk
on
that,
so
this
is
now
in
preview,
but
we've
been
working
together
with
our
microsoft
teams,
friends
on
coming
up
with
a
really
cool
setup,
which
is
the
microsoft
365
extensibility
lookbook
gallery,
and
this
is
really
intended
to
answer
to
the
question:
hey.
What
are
my
options
to
do?
Extensibility
in
microsoft
365,
so
we
basically
call
out
two
different
technical
solutions:
technical
extensibility
options
in
microsoft,
themes
in
office
in
sharepoint,
in
onedrive
or
in
powerapps
site,
and
then
we
also
actually
present
different
kind
of
scenarios.
C
So
this
is
right
now
we're
still
evolving
the
content,
we're
adding
new
samples,
references
links
to
this
location,
but
you
might
want
to
check
it
out
and
share
some
feedback
in
the
social
media
and
link
it
or
in
twitter
or
in
wherever
or
during
this
course
in
the
chat.
So
that
would
be
really
really
awesome
to
understand
what
kind
of
improvements
you
would
like
to
see
in
here.
C
Update
so
visa,
take
it
away
cool
before
we
go
to
the
actual
update
on
112.
Just
a
reminder:
viva
connections
is
coming
up
relatively
fast
in
the
spring,
so
we're
preparing
for
this
one
and
basically
viva
connections,
gives
you
the
option
of
building
sharepoint
framework
extensibility
in
the
inside
of
the
microsoft
teams
and
surfacing
your
portals
and
communication
sites
natively
within
the
microsoft
themes,
and
this
is
an
improved
version
of
the
things.
C
What
is
available
right
now,
it's
heading
to
first
level
of
preview
use
it's
actually
quite
fast,
like
we,
I
can
say
weeks
rather
than
months,
which
is
really
really
cool
and
the
extensibility
model
will
be
a
sharepoint
framework,
quick
update
on
112.
I
know
that
people
are
getting
super
imp
impatient
related
on
this
one.
Now
we're
looking
into
getting
it
out
within
a
matter
of
days.
We
were
already
planning
to
get
it
out
quite
a
few
times
actually,
but
then
we
found
issues
and
then
we
needed
to
delay
the
release.
C
So
this
is
always
a.
We
don't
want
to
release
something
if
we
run
into
any
regression.
We
want
to
make
sure
that
all
of
the
basic
issues
have
been
sorted
out
properly
and
we
have
a
proper
documentation
in
place,
but
now
we're
looking
into
getting
it
out,
potentially
in
maybe
in
hours
rather
than
days,
but
I
can't
promise
an
exact
date
still
and
but
coming
soon
and
then
113
is
coming
out.
Stills
this
spring
and
114
is
actually
coming
out
the
spring
as
well.
C
D
Hey,
thank
you,
patrick
okay.
So
first
I
wanted
to
just
do
a
quick
shout
out
that
our
february
numbers
were
amazing:
23,
000,
plus
tenants
using
the
pmpjs
library
with
over
10
billion
requests
in
a
month
we're
all
like
pretty
like
wow.
This
is
awesome,
so
thank
you.
Thank
you.
Thank
you
to
everyone,
who's
using
our
library
and
making
it
such
a
success.
We're
really
thrilled
version.
2.3.0
is
scheduled
for
march
12th,
which
happens
to
be
tomorrow,
and
so
we
are
ready
to
get
out
that
new
release.
D
D
Ask
questions.
You
know
review
our
thinking.
Just
you
know,
help
us
firm
up
those
plans
and
make
sure
that
they're
they're
exactly
what
the
community
needs
and
even
if
you
have
some
issues
that
don't
fit
into
that,
we
have
a
place
for
you
to
to
put
ideas
and
thoughts
about
things
that
don't
fit
into
our
plans.
So
definitely
go
check
out,
issue
1636
check
out
those
plans
and
please
give
us
your
feedback.
D
We
obviously
want
to
continue
to
make
this
library
work
for
the
community
and
to
do
that
we
need
feedback
from
the
community,
so
please
absolutely
go
and
check
that
out,
even
if
it's
just
to
say
yes,
this
sounds
great.
This
is
exactly
what
I
think
could
help
us
that
that's
helpful
too,
just
to
know
that
we're
resonating
as
usual
submit
any
of
your
issues
into
the
issue
list
and
follow
m365pmpjs
on
twitter
for
all
our
updates.
Okay,
that's
all
I
have
back
to
you,
patrick.
A
Awesome
thanks
so
much
julie
for
those
updates
on
pmpjs.
Now
we're
going
to
go
to
the
cli,
so
new
beta
3.7
is
out
with
remote
development
container
in
code
spaces
which,
if
you
haven't,
checked
out
code
spaces
very
cool
capability.
There
improved
managing
sharepoint
pages
and
retrieving
app
permissions
for
sharepoint
sites
and
more
a
bunch
of
new
sample
scripts,
as
well
so
very
cool
to
check
those
out
and
see
the
samples
grow,
so
great
learning
resource
as
well
for
the
cli
and
then
npm
install
dash
g
at
pmp,
slash,
cli,
microsoft,
365.
A
Next,
we'll
get
you
always
the
latest
beta
version
out
of
npm,
and
that
is
a
great
way
to
check
out
all
those
new
features
and
available
natively
in
the
azure
cloud.
Shell.
Now
so
you
can
use
the
cli
for
microsoft,
365
right
there
in
the
azure
cloud,
shell,
which
is
also
a
super
super
amazing
capability,
to
see
that
there
and
amazing
to
see
the
continued
growth
through
community
contributions
for
the
cli,
so
fantastic
stuff.
Everyone-
and
thank
you,
thank
you.
Thank
you
for
all
the
work
on
the
cli.
A
Next
up
is
spfx.
Reusable
components,
react
controls.
2.5.0
is
now
available
a
bunch
of
new
controls.
There
treeview
list
item
picker
list
item
picker
also
has
two
new
features:
optional,
support
for
site
pages,
support
for
calculated
columns,
folder
explorer
and
then
various
other
bug,
fixes
and
improvements,
of
course,
as
well,
and
the
property
controls
which
are
designed
to
be
used
in
the
edit
pane
of
your
sharepoint
framework.
Webparts
are
now
2.4.0
and
have
some
updates
as
well.
A
Around
the
property
field,
editor
property
field,
collection,
data,
support
for
nested
web
part
properties,
field,
site,
picker
and
a
pain
property
editor.
Supporting
dynamic
data
now
very
excited
to
see
that
thank
you
as
well
to
all
the
community
contributors
for
the
reusable
controls
and
excited
to
see
that
continue
to
grow.
So
thank
you.
Thank
you.
Thank
you
to
everybody
there
and
now
the
community
yeoman
generator
is
now
at
1.
16,
0,
angular
11
is
now
supported
in
this
version.
A
Source
maps
for
angular
chandani
praj
apati
is
responsible
for
the
angular
updates
there
and
I
believe,
that's
the
same
person
doing
the
demo
here
just
in
a
little
bit
so
excited
to
see
that,
although
I
don't
know
that
the
demo
is
on
the
angular
11
stuff,
fluent
ui
fabric,
seven
pnp
controls
have
been
updated.
Popjs
has
been
updated,
vue.js,
as
well
as
other
updates
to
things
still
looking
at
upgraded
improvements
for
ujs
and
babylon.js.
A
If
you
are
interested
in
those
things,
I
certainly
encourage
you
to
jump
in
and
contribute
here
all
of
our
projects
absolutely
welcome
your
contributions
and
modern
search.
We
have
building
modern
search
experiences
with
flexible
web
parts,
so
this
is
a
set
of
web
parts
that
allows
you
to
compose
a
search,
landing,
page
search
hub.
However,
you
want
to
describe
it
and
ak.mslp
search
will
get
you
all
the
details
and
get
you
started
there,
but
this
allows
you
to
build
a
modern
extensible
search
experience
for
your
users
and
318
0
is
released
march
9th.
A
E
Patrick,
so
the
pmp
sample
repositories
are
places
where
the
community
are
creating
samples
to
share
with
everyone,
and
we
really
want
this
to
become
the
first
place
that
you
go
when
you're
starting
a
new
task
with
spfx
solutions.
So
we
have
extensions
and
we
have
web
parts
on
the
extension
side.
There
are
no
new
extensions
over
the
last
two
weeks,
but
on
the
web
part
side,
we
have
an
update
to
the
data
table
web
part
by
chandani
prajapati,
who
will
be
demoing
it
today.
E
A
Great
stuff,
thank
you
so
much
for
those
updates
and
thank
you
to
everybody
that
could
continue
to
contribute
samples
and
update
samples.
It
really
is
one
of
the
most
valuable
resources
for
the
community
that
is
out
there.
So
thank
you.
Thank
you.
Thank
you
to
all
of
you.
Now
we
have
optional
picture
time.
C
C
C
I
think
we're
hitting
the
limit
of
50
people.
I'm
gonna
actually
do
a
quick
recording.
I'm
gonna
do
an
ad
hoc
recording
with
camtasia
here.
At
the
same
time,
it's
gonna
get
to
the
video
as
well,
but
just
in
case,
and
let's
do
some
waving
everybody.
Thank
you.
Thank
you
for
doing
this.
Thank
you
for
it's.
This
is
super
valuable
for
seeing
the
other
people
in
the
community.
It
really
works.
Thank
you,
everybody
that
was
a
quick,
quick
run
through
excellent,
excellent
excellent.
Thank
you.
A
A
B
F
Yeah
sure
I'm
chandi
prajapati,
I
am
a
serpent
developer.
I
am
a
blogger
and
open
source
contributor,
first
of
all,
thanks
to
pnp
community,
to
give
me
opportunity
to
present
my
demo
and
many
thanks
to
hugo
and
david
to
help
me
to
prepare
a
demo
and
yeah.
This
is
my
first
talk,
so
I
am
very
excited
but
a
bit
nervous
over
to
you,
david.
B
B
Today,
though,
we're
going
to
be
focusing
on
the
sample
that
she
created
now,
it's
a
data
table
sample
and
what
it
does
is
it
takes
in
information
from
lists
and
libraries
and
renders
them
in
a
very
nice
configurable
way
that
you
can
drop
as
a
web
part.
So
it
provides
important
features
like
search
and
filter,
pagination,
column
selection,
column,
ordering
exportation,
alternative
row
formatting
with
background
colors
and
more
so
many
cool
features
and
all
of
them
are
configurable.
B
So
let's
go
directly
to
the
demo
and
see
how
to
take
advantage
of
this
particular
web
part
now
to
set
the
context.
What
you're
looking
at
is
a
list
that
we've
created
of
pnp
community
contributors.
We've
got
a
few
items
included
here
based
on
their
home
country,
favorite,
sport
and
favorite
season.
Now
we
could
always,
of
course,
use
list
formatting
for
some
of
this
stuff,
but
we
might
want
to
drop
it
on
the
web
part
in
an
interactive
way.
So
I'll
go
over
to
a
page
and
I'll
edit.
B
That
page
and
we've
already
got
the
web
part
loaded.
So
I'll
just
do
a
search
on
data
table.
We
see
it's
here.
First
thing
is
we're
given
the
opportunity
to
configure
the
web
part,
so
we'll
click
configure
and
we
see
immediately
we're
provided
with
a
number
of
options
to
a
number
of
options
to
configure
our
web
part,
first
of
which,
of
course,
is
scoping
to
the
list
that
we
would
like
to
include.
B
The
next
is
selecting
the
information
that
we
would
like
to
have
displayed
so
we'll
go
ahead
and
include
everything,
the
actual
title
and
or
community
contributor,
favorite
sports
seasoned
home
country.
We're
then
able
to
turn
on
and
off
sorting,
so
we're
going
to
be
able
to
sort
on
sport
and
season.
We'll
include
those
two.
You
see
that
when
I
hover
over
sport
in
season
after
selecting
them,
I
can
sort
on
them.
So
that
is
something
that
you
can
include.
B
We
can
also
enable
search,
so
we
can
define
exactly
what
we
want
to
be
included
inside
of
our
search.
So
we
can
exclude
things
if
we
only
want
to
scope
to
a
certain
data
piece
of
our
list.
We
can
include
that
so
once
again,
we'll
include
favorite
sport
and
favorite
season.
As
we
move
to
the
second
page,
we've
got
additional
opportunities
for
configurability.
B
We
can
enable
exportation
to
csv
or
pdf.
So
we'll
talk
a
little
bit
more
about
that
and
of
course
we
can
do
pagination,
which
is
very
cool.
We
see
the
different
row
options
down
here,
so
we'll
take
a
look
at
that
as
well
and
we
can
define
the
order
in
which
our
items
are
showing
up
in
our
data
table
here.
So
we
can.
We
can
click
to
move
sport
up
to
the
beginning
or
we
can
actually
drag
and
drop
as
well.
B
So
if
I
was
to
do
that,
then
we'll
see
that
show
we'll
see
that
show
up
and
if
I
turn
off
and
on
pagination,
we
see
that
occurs
as
well.
So
we
see
now
sport
is
showing
at
the
beginning.
We
can
also
set
the
colors.
So
if
I
wanted
to
change
like
the
background
color,
of
course
you
know
me
I'm
going
to
go
with
a
light
purple
and
then
perhaps
a
light
orange.
B
If
I
wanted
to
get
a
little
bit
more
branded
here
with
my
website,
so
we
have
a
lot
of
configurability
now
you
may
be
thinking
this
isn't
matching
exactly
to
the
the
brand
that
we
typically
see
within
sharepoint
out
of
the
box,
and
that
is
something
that
john
donne
is
working
on.
We're
going
to
be
setting
this
up
to
be
more
comparable
to
the
look
and
feel
of
of
standard
sharepoint.
So
it
looks
a
little
bit
more
natural,
but
a
lot
of
very
powerful
features.
B
So
now
we
had
turned
on
the
ability
to
sort
by
season,
so
we
can
see
I
can
now
sort
by
season
or
I
can
sort
by
sport
for
example.
So
when
we
look
at
season,
we
look
at
hugo.
His
favorite
season
is
popcorn
seasoning,
and
so
he
said
his
favorite
sport
is
cycling
and
he
said
that
means
cycling.
On
and
off
his
computer,
but
we're
able
to
search
right
so
I
can
say
popcorn
and
now
I
I'm
able
to
see
that
and
it
filters
to
just
that
item.
I
can
also
include
the
rows
right.
B
So
if
I
include
10,
then
we've
got
six
total
items.
So
if
I
just
wanted
to
paginate
to
the
sixth,
I
can
do
that
now.
I
can
also
export
via
pdf,
so
I'm
going
to
click
on
that
and
open
up
and
we'll
see
everything
is
included
there
for
us
right.
So
everything
that
we
included,
but
what's
really
cool,
is,
if
I
just
said,
I
only
want
to
see
pop
corner.
I
only
want
to
see
the
matches
for
pop,
which
is
hugo's
popcorn
favorite
season,
and
then
I
export
again.
B
Then
the
exportation
only
includes
the
items
that
were
actually
filtered.
So
that's
a
pretty
cool
feature
too,
because
if
you're
only
looking
to
include
the
information
that
matches
your
search,
then
you're
able
to
do
that.
Alternatively,
if
I
went
to
all
and
included
all
and
exported,
then
we
do
get
all
of
the
items
we
see.
All
six
items
are
showing
up
there.
So
john,
denis
has
done
a
fantastic
job
here.
The
capabilities
here
are
open
to
extensibility,
so
there's
always
options
to
include
additional
features
and
because
it
is
open
source.
B
F
Yeah
sure
so,
let's
start
with
a
folder
structure
of
the
our
react
data
table.
So
first
one
is
the
react.
Data
table
web.ts
file.
So
in
this
file
I
have
added
all
the
configuration
for
the
webpad
property
and
from
here
we
will
pass
the
property
to
our
iprops
to
render
the
data
in
the
main
component.
F
Now
next
file
is
the
react.
Data
table
dot
tsx.
So
this
is
the
main
parent
component
so
in
which
we
will
render
our
data
and
next
one
is
the
service
file
so
service
file.
In
this
service
file,
I
have
used
the
pnpjs
to
pnpgs
for
all
the
api
communication.
Like
the
get
fails,
get
list
items
and
all
then
next
one
is
the
common
folder.
So
in
a
common
folder
there
are
three
child
component,
so
I
have
modulized
the
code
in
the
different
different
folder.
So
first
one
is
the
export
list
item
to
csa.
F
F
So
in
this
pro
method
I
have
divided
all
the
property
pen
configuration
in
different
different
groups
like
list
configuration
and
another
one,
is
the
searching
and
sorting
configuration
and
like
advanced
features
and
all
so.
First
one
is
the
list
configuration
so
in
list
configuration.
There
are
three
properties.
F
First,
one
is
report
title.
Second,
one
is
the
list
picker
and
third,
one
is
the
fill
pic
fills
for
the
particular
list.
So
for
react,
data
table
webpart.ts
render
method.
So
in
render
method,
I
have
passed
all
the
properties
and
I
have
call
get
selected
list
fields.
So
in
this
method
I
am
getting
all
the
fields
of
the
selected
list.
Now
react.
Data
table
vapor.tsx
file,
so
in
this
first
one
is.
The
component
did
mount
method,
so
the
this
method
will
call
when
our
webpart
will
render.
F
So
in
this
I
have
called
the
get
selected
list
item
method.
So
in
get
selected
list
item
method,
I
am
calling
a
service
to
get
the
list
item
based
on
selection
of
list
and
fields.
And
after
that
I
have
mapped
this
data
in
the
table
container
format
which
I
need
for
that,
and
then
I
have
set
this
data
in
the
state
and
second,
one
is
the
render
method
yeah
so
in
this
is
the
main
part
of
the
our
component,
so
in
in
this
method
our
webpart
will
be
render.
So
first
one
is
the
placeholder.
F
So
when
initially
we
will
add
our
web
part
it
will,
it
will
show
the
placeholder
to
edit
the
property
bank
configuration
so
after
property
pane
configuration.
Second
one
is
the
enable
download
as
csv
component.
So
this
is
the
child
component,
and
here
all
are
the
configurable.
If
user
want
to
so
this
button,
enable
download
a
csv,
then
user
have
to
turn
on
from
the
property
conf
configuration-
and
here
I
have
passed
all
the
properties
are
dynamic,
so
same
as
a
same
feature
as
a
download.
F
Sp,
pdf
and
yeah
main
main
part
is
a
table
container.
Here
it
is
divided
into
three
parts.
First,
one
is
triple
heading.
Second,
one
is
table
body
and
third,
one
is
table
pagination,
so
in
table
heading
a
data
will
be
short,
the
data
will
be
coming
from
the
selection
of
fields,
and
here
also
have
a
sorting
functionality.
If
user
will
select
from
property
pane
configuration
if
he
needs
sorting
and
for
the
particular
field,
then
sorting
icon
will
show,
I
will
visit
on
the
particular
fields,
then
table
body
in
table
body.
F
All
the
data
will
render
from
the
list
items
and
yeah
here,
one
background,
color
property
and
it
is
dependent
on
the
our
property
and
configuration
of
the
odd
color
and
even
color,
so
it
will
be
set
based
on
this.
Based
on
that
and
third
one
is
the
pagination
so
in
table
there
is
a
pagination
component
and,
and
this
pagination
component
will
be
rendered
in
the
table
footer.
B
Awesome,
thank
you
chandi
all
right.
Well,
we
hope
you
enjoyed
that.
We
wanted
to
highlight,
though,
that
this
was
an
opportunity
for
chandan.
She
was
nervous.
She
didn't
want
to
do
it
by
herself
in
terms
of
the
presentation,
but
this
is
a
feature
that's
available
via
sharing
is
carrying
the
buddy
system,
so
we
invite
everyone
to
take
advantage.
We
would
love
to
see
your
demos.
B
We
would
love
to
see
you
present
and
sometimes
it's
a
little
easier
to
do
when
you're
able
to
present
with
someone
that
you're
comfortable
with
so
please
take
advantage
of
this.
We
would
love
to
help
you
be
more
involved.
If
that's
something
you
would
like
to
do
other
than
that
we'd
like
to
thank
you.
The
link
is
here
available.
All
the
spf
x
samples,
the
spfx
reacts
controls
and
the
specific
link
to
the
sample
is
available.
There,
we'll
put
it
in
the
chat,
patrick
back
to
you
great
stuff,.
A
G
Hi
everyone,
my
name-
is
server
tutorials,
I'm
a
microsoft,
365
and
sharepoint
developer.
Here
is
my
contact
information,
my
twitter
and
my
github
account
and
I'm
going
to
tell
you
about
the
research
webpack
yeah.
This
web
part
allows
the
user
to
merge
information
from
different
sites
and
different
libraries
and
display
the
whole
information
only
in
one
web
part.
G
In
this
example,
I'm
going
to
match
information
from
one
list
and
from
one
library
and
see
that
information
in
the
web
bar
here
you
can
see
is
the
default
library
and
there
are
files
on
the
author
field,
and
here
it's
a
custom
list
with
custom
fields
and
custom
user
field.
Name
user-
and
here
is
the
web
bar.
Okay,
here's
the
web
part-
and
you
can
see
here
all
of
the
documents
I'm
going
to
configure
to
match
that
user
field
information
and
display.
Here
there
are
four
pages
of
configuration.
G
The
first
step
is,
you
have
to
select
the
sites
to
retrieve
the
information
here
is
two
sites,
but
you
can
sell
it
as
many
as
you
want.
The
second
step
is
select
the
lists
you
can
hear.
Let's
see
the
preview
sites
that
we
have
select
and
if
you
select
the
site
the
list
is
out.
Is
there
it's
own?
Only
the
list
of
that
site
you
can
sell
inside
the
beauty
or
instead
of
custom
query
to
that
list.
G
Okay,
the
next
step
is
to
configure
the
columns
of
the
web
part.
So
you
have
a
default
columns
like
file,
icon,
lice
title
or
site
information
here
in
information.
You
can
choose
id
title,
url
information
so
and
you
can
add
as
many
fields
as
you
want
in
this
case
I'm
going
to
add
user
field,
and
here
in
this
section
you
have
to
configure
the
mapping
information
in
this
case.
This
will
be
the
the
site,
the
documents,
library-
and
here
you
can
see
the
fields
of
the
library.
All
of
the
rest.
G
Api
calls
are
made
by
pmpes
functionality
yeah,
as
you
can
see
here,
then
you
fill
out
four
and
it's
gonna
be
mapped
to
the
user
field
in
the
table.
As
you
can
see
here,
you
can
select
the
render
type
of
the
field.
They
were
part
detects
the
type
of
the
fill
and
change
the
render
type
to
all
the
user
to
select
different
renders
here
for
the
user.
G
Under
the
list
of
types
I'm
going
to
go
down,
user
fill
user
field
and
use.
If
I
apply
the
change
you
can
see
here
from
the
document
library,
it's
always
my
user.
The
author.
If
I
go
to
any
space
and
see
the
list
you
can
see
here
the
custom,
the
custom
field,
there
are
more
configuration
you
can
hide.
So
the
item
count
customize
the
message
set
and
item
limit
to
so
in
the
table
enable
receiver
definition
group
elements.
G
G
You
can
configure
the
behavior
of
the
web
part
when
the
user
clicks
on
one
item.
You
can
enable
disable
the
event
select
the
event,
one
click
or
two
clicks
and
select
the
the
behavior
of
the
web
bar.
I'm
going
to
show
you
these
options
in
a
few
moments.
So
wait
one
or
two
minutes
here
right
now.
It
displays
the
same
information
that
I
saw
in
table
display
some
model
wind
with
that
information
and
the
last
properties
are
fill
the
properties
you
can
disable
any
receivable
general
filter.
G
G
To
search
by
that
information,
you
can
enable
disable
individual
filter
and
setting
the
header
on
the
footer.
If
you
apply
you
see
here,
you
can
filter
by
its
column,
and
there
are
some
properties
about
the
clear
filter
like
color
text,
and
things
like
that,
and
the
last
functionality
is.
The
cache
thing
I
think
is
very
useful.
Is
the
pmpes
functionality
is
very
easy
to
use
and
you
can
enable
disable.
The
car
select
local
recession,
cars
and
the
timing
minutes
to
catch
the
relief
data,
and
the
last
page
is
only
about
information.
G
Okay,
I'm
going
to
show
you
the
on
click
function
id
here
and
in
this
page
the
web
part
is
configured,
so
different
fields
depends
on
the
list.
If
I
click
here
on
the
documents
library
time,
it
only
shows
two
files
document,
the
list
name
and
the
author
fields.
But
if
I
click
here
in
the
alpha
list,
you
can
see
it's
four
fields
and
you
can
change
the
render
of
the
fields.
I
will
show
you
here.
G
G
G
G
It's
very
useful
if
you
can
create
a
custom
web
part
with
business
logic
or
some
more
utilized
and
the
last
one.
This
is
what
follows
the
user
to
display
a
document
preview.
It
can
be
configured
to
show
the
preview
of
the
document.
A
new
tab,
but
in
this
case
it's
a
mobile
preview.
If
you
click
here,
you
can
see
the
preview
of
the
document,
it's
slow,
yeah
and
it
supports
all
microsoft
type
of
documents.
A
Very
cool,
thank
you
for
that
another
fantastic
example:
really
something
showing
off
a
lot
of
cool
capabilities,
especially
around
dynamic
data,
so
certainly
check
that
out,
really
really
neat
to
see
that
and
finally,
we've
got
frederick
thoreauld
frederick.
If
you
are
ready
to
go,
you
could
take
over
the
presentation.
H
H
A
little
bit
about
myself,
creative
tool
build
live
in
sweden,
vestals
work
for
social,
the.
I
guess
I
am
one
of
those
seasoned
sharepoint
developers.
I've
done
my
fair
share
of
farm
solutions
and
and
so
on
and
so
forth
and
still
loving
it.
I'm
also
recently
up
to
contributing
to
to
the
various
projects
and
great
fun
doing
that.
So
I'm
happy
to
be
on
that
track.
My
twitter
details
linkedin
details
in
there
happy
to
spend
time
with
my
family
and
so
on
and
so
forth.
H
So
a
little
bit
of
context,
then
I
guess
for
the
reason
on
why
I
built
this.
I
was
very
happy.
I
guess
a
lot
of
you
were
as
well
when
they
announced
on
february
11th.
I
I
believe
exactly
one
month
ago
that
now
they
will
support
a
specific
sharepoint
site
access
via
the
graph.
So,
basically,
in
in
the
past
it
has
been
accessing
sharepoint
by
the
graph
you
you
need
to
give
sort
of
full
access
or
no
access
at
all.
So
so
this
this
was
a
very
much
appreciated
addition.
H
So
I
was
really
really
happy
about
that
and
well
actually
we
can.
We
can
stay
over
here,
because
one
of
the
facts
stated
in
this
blog
post
was
that
initially
you
need
to
to
actually
use
another
ad
app
to
to
grant
the
access,
and
you
need
to
do
that
sort
of
from
from
a
developer's
perspective,
which
makes
sense.
H
I
mean
this
is
an
early
release,
so
hopefully
it
will
come
with
an
ui
capability
where
you
can
manage
your
sites,
but
not
yet
so
I
saw
this
tweet,
which
kind
of
triggered
me
like
he
felt
kind
of
the
same
way
as
I
I
guess
that
it's
a
he
says
that
I
just
wish
it
didn't,
require
developer
support
and
I
got
thinking
like
hey.
Maybe
we
can
build
this
via
an
spfx
web
part.
So
that's
kind
of
the
the
background.
H
H
I
do
have
an
app
registration
which
is
called
selected
for
this
purpose.
You
can
see
that
I
have
added
on
the
site
selected
api
permission
thing
here.
I
should
also
say
it
is
in
preview
so
on.
Let
me
switch
over
to
visual
studio.
There
we
go
so
I
have
an
console
application
in
here
where
I
am
using
that
app
registration
called
selected
and
I'm
going
to
try
to
get
some
data
from
a
site
called
foe.
Surprise,
surprise,
so
I
haven't
done
any
configuration.
H
So
the
expected
outcome
here
is
that
I
don't
have
any
access,
because
again
I
only
have
the
site
selected
permission
granted
which
doesn't
give
you
any
access
per
default.
So
let's
press
f5,
you
can
minimize
that
and
you
can
see
that
the
http
code
was
forbidden.
So
that's
where
my
web
part
comes
in.
I
guess
so
back
over
here
and
to
my
tenant
and
here's.
My
web
part
installed
on
page,
so
I'm
going
to
talk
a
little
bit
more
about
it
in
in
detail.
H
But
first,
let's
go
ahead
with
my
sort
of
scenario
that
I
have
going
on.
So
I'm
going
to
quickly
move
over
to
this
tab,
add
remove
sites
to
apps,
and
you
can
see
that
here
I
have
some
azure
ad
apps
listed
and
I
do
have
my
specific
app
listed
as
well
selected.
So
I'm
going
to
highlight
that
add
app
permission,
I'm
going
to
copy
this
very
url
to
this
site,
because
this
is
the
site
that
I
want
to
connect
to
via
the
graph
pasting
in
that
one.
H
H
H
And
I'll
I'll
show
you
one
of
the
key
things
in
here.
If
I
go
to
edit,
you
can
see
that
there
is
a
grid,
it's
actually
shipped
with
my
web
part,
because
this
one
is
sort
of
the
the
identity
of
this
sort
of
the
site,
selected
application
scope
thing.
I
have
double
checked
that
that
was
the
same
grid
in
at
least
another
tenant
than
this
one.
So
I
guess
that
this
is
the
same
for
for
for
all
the
tenants.
H
H
Obviously
you
can
enter
in
which,
whichever
site
you
want
and
then
you
just
go
ahead
and
press
grants
and
similarly,
if
you
want
to
revoke
access
for
some
reason,
you
can
go
ahead
and
do
that
as
well,
so
again
same
concept.
You
just
do
like
this
click
remove
and
hopefully
it
will
be
green
like
it
was
there
there,
and
you
can
then
also
flip
over
to
this
tab
where
you
can
enter
in
a
site
and
you
can
get
back
the
current
permissions
on
that
site.
So
I
was
a
bit
lazy
in
here.
H
H
H
It
says
that
you
should
give
back
what
kind
of
role
that
you
have
at
the
moment,
but
I
don't
see
that
I
get
that
at
the
moment,
but
it's
kind
of
one
of
the
reasons
that
I
I
just
had
the
pure
json
message
coming
back
so
so
that
would
have
been
nice.
I
guess
to
see
what
kind
of
access
this
app
currently
has
to
to
this
site,
maybe
something
that
comes
later
right.
So
so
I
guess
that
is
it
for
for
the
web
part
as
such.
H
Like
I
said,
I
will
not
jump
into
that
much
of
code,
but
somewhere
I
should
have
yeah
here
we
go
so
fairly,
simple
setup.
I
mean
not
as
impressive
function
wise
as
the
previous
presenters
is
it's
more
like
a
it
solves,
a
cool
problem
I
think.
But,
as
hugo
mentioned,
I
just
did
an
update
to
the
the
project
going
from
class
components
to
function,
components,
I'm
not
a
huge
react
guy,
but
but
it
does,
it
is
nice
that
you
don't
have
to
to
type
this
all
over
the
place.
A
Much
for
those
demos,
let
me
get
my
sharing
going
back
here
skating
too.
There
we
go
so
three
great
demos
from
chandani,
alberto
and
frederick.
So
thank
you
to
all
three
of
you,
fantastic
stuff,
three
really
interesting
different
solutions
today,
so
encourage
folks
to
check
those
out
and
as
well
check
out
the
code
that
powers
all
of
those.
A
Thank
you
all
for
attending
today's
recording.
We
actually
finished
up
a
little
bit
early.
We
might
have
some
time
for
q,
a
I'm
unfamiliar
with
this
finishing
up
early
thing
here.
So
next
the
recording
will
be
available
in
about
24
hours
yeah.
I
talked
really
fast
at
the
beginning,
and
people
were
like
whoa
he's
talking
so
fast,
and
here
we
are
with
extra
time
so
recording
available
in
about
24
hours
on
our
youtube
channels.
Follow
us
on
twitter,
microsoft,
365,
dev,
m365
pnp.
A
Our
next
spfx
call
will
be
in
two
weeks
on
march
25th
and
our
next
general
dev
call
will
be
in
one
week
next
thursday
march
18th,
so
look
forward
to
seeing
everyone
there
and
we
have
a
ton
of
other
microsoft
community
calls
across
many
many
areas.
So
I
encourage
you
to
attend
any
or
all
of
these
that
you
might
be
interested
in
lots
of
great
stuff
coming
from
all
of
these
communities,
so
you
know
check
them
all
out.
A
C
That's
a
good
reminder
from
luis
adaptive
card
call
is
happening
today
in
one
hour
now
now
that
I
have
all
of
the
audience
and
people
here
so
we're.
I'm
gonna
have
a
a
quick
question
for
to
attend
this,
we're
looking
into
potentially
changing
a
bit.
Our
community
called
structure,
and
this
is
coming
back
on.
If
you,
if
you
patrick,
can
go
to
the
previous
line,
we
actually
have
11
calls
every
single
month
and
that's
a
lot,
and
so
basically,
what
we're
trying
to
do
is
figure
out.
C
Can
we
combine
some
of
the
calls?
Can
we
make
it
more
approachable
for
people?
Can
we
make
it
more
understandable
when
the
course
is
happening
rather
than
having
a
one
call
at
seven
a.m?
Pacific
time,
one
at
nine
a.m,
on
a
one
week
and
another
week
and
another
week,
because
it's
super
not
clear
when
the
calls
are
happening.
So
the
suggestion
what
we
have,
what
or
one
option
what
we
are
kind
of
debating
internally
is
that,
okay,
what
if
we
would
do
a
following?
C
We
would
actually
keep
to
thursday
as
it
is
as
an
open
source
and
a
community.
Every
single
thursday
has
an
open
source
and
community
a
community
called
like
we
have
right
now
at
7
a.m.
Pacific
time.
So
this
particular
call
where
we
are
now
and
we
would
actually
just
rename
that
as
a
community
open
source
call
and
then
we
would
have
a
one
call
on
every
single
tuesday,
which
is
covering
a
selection
of
those
topics.
C
We
might
have
adapted
cart,
identity
and
craft
or
another
one
sharepoint,
a
craft
and
microsoft
teams,
or
maybe
in
one
call.
We
have
two
microsoft
teams,
topics
and
then
a
sharepoint
one
and
so
on.
So
in
the
same
way
as
we're
kind
of
a
mix
and
matching
on
this
thursday
call
especially
the
other
touch,
they
call
is
it's
like
kind
of
a
mix
and
matching
a
lot
of
the
demos,
curious
on
the
ideas
and
and
feelings
related
on
deaths.
C
So
so,
basically,
as
a
summary,
the
approach
and-
and
this
is
again
we're
debating
on
this
one
most
likely
we'll
do
a
survey
publicly
in
social
media
and
twitter
and
in
this
course
for
a
few
weeks
and
collecting
your
input,
but
it
would
be
just
to
have
a
consistency.
Every
single
tuesday
8
a.m,
pacific
time,
there's
the
product
group,
microsoft,
demo
and
microsoft
call
and
then
thursday
would
be
the
community
an
open
source
call
and
the
the
timings
would
be
all
the
time.
The
same,
so
you
would
always
know
when
those
goals
are
happening.
C
That's
kind
of
the
idea
of
this
one,
rather
than
once
a
month
after
adaptive
court
call
on
on
a
one
particular
thursday
and
then
wednesday,
the
office
adding
school
was
yesterday.
Actually,
the
monthly
office
settings
call
on
yesterday
at
9
00
a.m,
and
then
sharepoint
was
on
tuesday
and
it
gets
kind
of
a
complicated
and
what
we
really
want
to
kind
of
build.
This
momentum
of
thinking,
microsoft,
365
platform.
C
Rather
than
am
I
an
office
adding
developer
a
mni
teams
developer
in
my
sharepoint
developer,
because
that's
nonsense.
We
are
all
part
of
this
mac
cloud
and
microsoft,
365
together
sure
we
have
different
skills,
but
getting
that
kind
of
a
combined
in
the
in
the
engineering
site.
That's
kind
of
the
thinking
worth
of
a
try,
try
at
least
ryan
would
like
to
have
repeatable
and
less
repeatable.
Intro
yeah
absolutely
makes
sense
as
well
yeah,
it's
an
understandable
request
for
sure.
C
Maybe
a
survey
would
be
a
great
feedback,
absolutely
yeah
we're
looking
into
doing
that
as
well.
Yes,
thanks
john
from
that
one,
but
yeah,
so
the
challenges
were
kind
of
also
one
of
the
feedback.
What
we're
trying
to
address
this
with
this
is
that
some
people
are
kind
of
overwhelmed
with
all
of
the
calls
and
all
the
options
and
all
of
that
stuff.
So
it
would
be
super
easy
to
understand
when
things
are
happening
and
then
obviously
sharing
the
agenda
beforehand.
C
C
A
C
A
C
A
A
If
you
are
interested
in
demoing,
please
reach
out
to
us
we'll
get
you
scheduled
on
a
call
and
remember
if
you
are
a
first
time
demo
and
maybe
a
little
nervous,
we
have
the
buddy
program
to
help
you
out
so
happy
to
get
you
hooked
up
there
as
well.
So
thank
you
and
thank
you.
Thank
you.
Everybody
have
a
great
rest
of
your
week
and
we
will
talk
soon,
I'm
just
flummoxed
to
have
all
this
extra
time,
so
I'm
just
kind
of
talking
and
talking
and
talking
anyway.