►
Description
Viva Connections & SharePoint community call on January 24th.
Demos: Building SPFx Visio file presenter for Teams and SharePoint, Extend the PnP React SPFx ListView control with a contextual menu, and Building CAML query web part for easy data presentation.
Releases: CLI for Microsoft 365 – v6.2 (beta), Microsoft Graph Developer Proxy – v0.4 release due Jan 31 2023. Plus 3 SPFx and 1 ACE sample.
Announcements: Community Recognition Program badges for 2023, and Learning Module – Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections.
Please see the blog post for this call for project updates, news and events details. The host of this call is Paolo Pialorsi (PiaSys.com) | @paolopia.
Agenda
00:00 – Intro - Paolo Pialorsi (PiaSys.com) | @paolopia
04:38 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen
06:25 – PnPjs Client-Side Libraries – Julie Turner (Sympraxis) | @jfj1997
07:46 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder
09:15 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder
10:09 – PnP SPFx Controls – Alex Terentiev (Microsoft) | @alexaterentiev
11:14 – Viva Connections Toolkit for Visual Studio Code – Vesa Juvonen (Microsoft) | @vesajuvonen
11:50 – PnP Modern Search – Paolo Pialorsi (PiaSys.com) | @paolopia
12:22 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh
13:55 – PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII
14:21 – Together mode picture – Vesa Juvonen (Microsoft) | @vesajuvonen
15:19 – Demo – Building SPFx Visio file presenter for Teams and SharePoint – Nikolay Belykh (unmanagedvisio)
28:12 – Demo – Extend the PnP React SPFx ListView control with a contextual menu – Markus Möller (Avanade) | @Moeller2_0
35:22 – Demo – Building CAML query web part for easy data presentation – Dan Toft (Evobis ApS) | @tanddant
45:51 – Closing
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
Welcome
To
The
River
connections
and
SharePoint
framework
by
weekly
sync
call
I'm,
Paulo,
Pelosi
and
today
I'm
your
host
for
these
bi-weekly
call.
So
just
to
give
you
a
quick
overview
of
what
we
are
going
to
see
today,
we
will
have
a
look
at
the
PMP
Microsoft
35
Community
projects
updates
to
see
where
we
are
with
all
of
the
main
projects.
In
the
area
of
the
client
side
development,
then
we
will
move
to
three
great
demos,
one
from
Nikolai,
one
from
Marcus
Mueller
and
one
from
Dan
Taft.
B
So,
first
of
all,
let's
start
digging
into
the
community
project
and
let
me
say
and
share
with
you
that
anyone
can
contribute
to
the
micro
65
Community.
You
can
do
it
by
providing
Demos
in
these
Community
calls,
and
if
you
want
to
do
that,
you
can
go
to
akms,
slash
M365
PMP,
request
demo
and
you
can
fill
a
form
and
request
to
provide
the
demo.
You
can
contribute
to
the
GitHub
repositories.
Indeed,
we
have
plenty
of
GitHub
reposited
that
you
can
contribute
to.
You
can
create
issues
you
can
submit
to
requests.
B
You
can
also
learn
by
watching
plenty
of
videos
which
are
available
in
the
akms
M365
videos,
YouTube
channel,
as
well
as
you
can
have
a
look
to
the
open
source
project
that
we
provide
as
the
community,
as
well
as
to
the
rich
set
of
samples
that
we
have
in
the
samples
galleries.
In
order
to
avoid
to
have
to
remember
all
of
the
URLs,
you
can
just
go
to
akms,
slash,
M365,
slash
community
and
from
there
you
will
find
direct
link
to
all
of
the
content
provided
and
shared
by
the
community
for
the
community.
B
A
Boy
Paula
would
I
be
happy.
You
betcha,
so
friends,
if
you're
new
to
the
community
or
just
getting
involved
and
want
to
help
out
want
to
contribute
in
these
amazing
places.
Sharing
is
caring
is
a
program
that's
here
to
provide
Hands-On
guidance.
What
does
that
mean
means
we're
going
to
join
sessions,
live
together,
show
you
how
to
do
things
like
contribute
via
GitHub,
if
you're
not
quite
familiar
with
how
that
works.
A
These
are
safe
space
non-recorded
sessions,
where
you're
going
to
collaborate
with
other
members
of
the
community,
MVPs
Microsoft
employees,
and
we
can
work
and
learn
together.
Absolutely
free.
We've
got
more
sessions
coming
up
in
February
just
finished
a
writing
for
the
web
session
this
week.
So
a
lot
more
goodness
coming
up,
all
you
need
to
do
is
sign
up
for
any
of
them,
and
you
can
do
that.
Ak
dot,
Ms,
slash
sharing,
is
caring.
A
Now,
once
you
have
contributed,
we
want
to
recognize
you
for
all
the
amazing
work
that
you're
doing,
and
that
is
our
community
recognition
program
here,
to
provide
that
this
is
another
free
program
that
is
provided
by
this
community
and
we're
going
to
formally
and
officially
recognize
all
the
amazing
work
that
you're
doing
with
these
credly
badges.
They
can
be
Associated
to
your
LinkedIn
profile,
shared
on
Twitter
shared
on
LinkedIn.
Put
on
your
resume,
your
blog
Twitter.
A
You
got
it,
you
can
put
them
anywhere,
so
we
do
need
you
to
opt
in,
though
AK
dot,
Ms,
slash,
Community
recognition.
So
many
new
opportunities
this
year,
CLI
adaptive
cards,
PNP
Powershell
list,
formatting
you're,
going
to
see
some
spfx
samples
coming
up
soon
so
get
opted
in.
We
want
to
recognize
you
Paolo
back
to.
B
A
C
Us
know
quick
updates
from
here
we're
keeping
the
pace
because
again
we
have
three
demos
today,
so
we
need
to
keep
up
the
base,
but
quickly.
Here
we
are
having
a
nice
growth
after
the
holiday
break
as
expected.
So
January
is
always
a
growth
month.
The
highest
all-time
highest
usage
and
spfx.
All
up
across
all
of
the
products
and
Microsoft
365
worldwide
is
now
17th
of
January,
which
is
awesome
and
the
usage
is
off
the
roof,
which
is
beautiful.
Let's
go
to
the
following
slide.
C
A
big
area
where
we
are
investing
is,
of
course
the
Microsoft
Viva,
of
course,
not
forgetting
about
intranets
and
the
SharePoint,
and
all
of
that
and
teams.
But
Viva
is
currently
the
super
hot
thing
internally
at
least
and
we're
seeing
a
growth
text
Journal
as
well,
and
the
latest
learn
module.
There
is
to
get
away
to
Andrew
Connells,
which
is
around
the
as
development.
So
please
have
a
look
on
this
akms
Viva
is
learn,
is
the
learn
module
and
it's
pretty
to
consume
as
well?
C
Now,
let's
go
to
the
following
slide:
we
did
Cover
the
latest
and
the
roadmap
on
spfx
actually
on
Tuesday's
call.
So
I'm
not
going
to
spend
too
much
time
in
here
1.16.1
is
the
recommended
version
to
be
used
in
production
right
now.
1.16
had
a
a
bit
of
a
smaller,
not
critical
issues
but
1.16.1
is
is
by
far
the
recommended
option.
It's
more
optimized
than
1.17
is
ETA
right
now
in
March
and
there's
an
ongoing
discussion
about
the
March
or
April.
C
B
D
I
am
thank
you
Paulo,
we
Ary
10th
version
3.12
well
as
ocean
updates,
and
as
so
far
in
our
month,
we
have
fixed
and
unhandled
promise
issue
in
the
start.
Method
of
the
base
timeline
object
for
the
base
of
the
entire
Library.
It
was
very
minor
situation
in
general.
Most
people
wouldn't
hit
it,
but
it
is
fixed
and
will
be
released
with
that
next
release.
I'm
sure
there'll
be
some
other
things.
D
There
are
some
bubbling
PR's
coming
through,
so
we'll
have
more
and
I'll
be
able
to
update
more
next
time
we
meet
as
usual.
If
you
have
a
PR,
you
see
it
merged
and
it's
important
to
you.
You
can
check
it
out
by
using
the
V3
nightly
build
so
every
night,
any
new
PRS
that
will
merge
will
be
merged
and
built
into
a
new
version
of
the
library
that
you
can
test
out
in
your
projects
before
the
official
release
happens
and
to
keep
on
top
of
everything.
D
B
E
Thanks
Paulo,
so
the
new
V
6.2
beta,
it
is
out.
You
can
go
and
download
that
today
tons
more
commands
that
have
been
added
in
this
Beat
Release,
so
we've
got
OneNote,
Power,
Platform,
SharePoint
purview
and
teams
all
included,
and
we
have
commands
in
there
for
AI
Builder
and
Publishing
Solutions
SharePoint.
E
If
you're
doing
anything
with
sharing
files,
sharing,
folders
sharing
lists
and
items
then
definitely
check
out
the
new
commands
and
we've
also
got
more
on
purview
with
retention
labels
and
also,
if
you
want
to
send
messages
to
channels
like
an
Adaptive
card.
You
can
do
that
through
the
CLI
now.
So,
if
you
want
to
get
a
hold
of
the
new
beta,
you
can
go
to
npm
and
use
the
app
next
tag
and
you
can
use
Docker
as
well
use
our
Docker
image
and
just
use
the
next
tag.
There.
E
Please
check
out
the
release,
notes
for
all
the
details
and
lots
more
changes
as
well.
That
have
been
added
and
if
you
want
to
keep
up
with
the
conversation,
please
follow
us
on
Twitter
at
CLI,
Microsoft
365
and
if
you're
on
Discord,
please
join
our
Discord
Community
as
well,
where
it's
it's
all
going
off,
but
Paulo
let's
go
to
the
next
slide
yep.
So
we
have
just
an
update
on
the
Microsoft
graph
developer
proxy.
E
So
we,
our
current
version,
is
0.3,
which
you
can
download
from
the
link
in
front
of
you
there,
where
we
added
simulating
errors
on
graph
other
apis.
So
your
custom
apis
and
SharePoint
online
as
well
and
some
guidance.
But
what
I
want
to
say
today
is
we
have
a
release
coming
up,
so
the
0.4
release
is
due
next
week,
January
the
31st,
where
we're
going
to
include
Microsoft
graph,
beta
endpoint
detection
improvements
to
the
console
output.
That
I
know
we've
had
some
great
feedback
on.
E
B
F
You
Paula,
so
we
are
on
3.12
in
react.
Controls
311
for
react,
property
controls
for
a
while
already
and
that's
why
I'm
encouraging
all
of
you
not
only
to
report
some
issues
or
improvements,
if
you
find
them
helpful,
but
also
feel
free
to
create
beers.
We
are
happy
to
review
these
PRS
and
we
really
need
help
from
community
in
making
the
library
even
better,
because,
unfortunately,
all
of
people
who
are
in
like
core
team
right
now
have
not
much
availability.
So
please,
please,
please
help
us
create
PRS.
F
D
B
C
Nothing
too
dramatic,
I'll
hear
so
this
is
a
great
Tool,
even
when
you're
not
implementing
stuff
for
Viva
connection,
so
it
works
in
any
SharePoint
framework
solution
and
it
gives
you
the
the
quick
access
on
the
golf
task
and
all
those.
So
if
you're
not
familiar
with
them
again,
you
don't
have
to
use
it.
If
you
want
to,
you
can
use
it.
It's
overlays
on
top
of
existing
government
generated
and
see
a
live.
Microsoft
Trace
is
defined.
We'll
release
some
videos
on
this
one,
pretty
pretty
soon
with
me,
David
and
Hugo.
B
Thank
you,
Visa
talking
about
the
PMP
modern
search
here
we
are
at
the
release,
4.8,
the
one
that
we
released
around
the
SPC
22
conference
last
November.
There
are
no
additional
updates
on
that
one,
mainly
because
the
library
and
the
web
parts
are
really
really
complete
so
right
now
there
is
almost
nothing
that
we
need
more,
but
we're
open
to
feedback.
So
if
you
have
any
other
need
just
let
us
know
in
the
GitHub
repo,
and
we
will
do
our
best
to
improve
those
controls.
B
G
B
G
On
the
web
part
and
spfx
extensions
we've
got
three
new
samples.
Nick
Brown
has
updated
the
fluent
UI
9
webpart,
which
actually
demonstrates
how
to
use
the
fluent
UI
9
controls
and
he's
updated
it
to
spfx,
16.1
or
116.1.
We
have
a
new
interactive
map
by
Sergey
schwabauer
and
it
actually
allows
you
to
display
a
work
world
map.
You
can
set
custom
markers
directly
in
the
map.
You
can
configure
each
marker
and
you
can
even
control
things
like
the
the
color,
the
pin,
the
icons
and
things
like
that.
G
It's
a
very
cool
sample
and
it's
about
to
be
published
on
the
repo
very
shortly
and
then
Niels
Anderson
has
actually
updated.
The
page
Navigator
can
fix
an
issue
where
it
assumed
correctly
that
H1
was
the
highest
level
of
a
heading
on
a
page,
but
the
reality
is
sometimes
people
make
headings
that
are.
You
know,
start
at
level
two
level
three.
So
this
makes
provision
for
that.
We
welcome
your
contributions
and
thank
everyone
to
all
the
cool
samples
that
you
do
and
let's
move
on
to
Adaptive
extensions
with
David.
A
Awesome,
thank
you.
Hugo
one
to
show
off
this
week
present
status
with
presence
graph
API
by
Eaves
haversat.
How
awesome
is
this
to
be
able
to
see
that
within
your
Ace?
So
definitely
take
a
look.
Thank
you
for
this
sample
check
them
all
out.
Ak
dot,
Ms,
slash,
spfx
Dash
Aces,
and
we
would
absolutely
love
more
samples
and
you
get
a
badge
Paulo
back
to
you.
B
C
That's
because
you're
hosting
not
not
that
I'm
hosting
that's
what
I
meant
50
states
in
a
room,
we're
not
yet
recording.
Let's
wait
for
a
few
more,
oh,
that
that
is
actually
really
full.
Okay,
so
I
will
put
the
recording
on
and,
let's
do
some
hand
favoring
everybody
awesome
to
see
a
full
screen
full
room
on
the
on
the
auditorium
and
a
lot
of
familiar
faces.
Excellent
great
mood.
C
Crates
excitement
really
cool
to
see
you
on
the
call,
excellent,
brilliant
everybody,
Warcraft
AK
FUNimation
out
of
that
for
sure,
and
get
that
for
sharing
social
media,
that's
by
the
way,
Twitter
and
Linkedin.
If
you're
interested
on
cropping
that
for
the
future
usage.
Now,
let's
actually
go
to
the
stars
of
today
right
Paula.
B
H
Okay,
so
it's
about
actually
building
a
web
part
which
is
replacing
the
old
classic
video.
The
part
to
this,
which
is
for
the
modern
experience.
Sorry
I'm
kind
of
I
haven't
done
it
for
a
while,
so
bear
with
me,
who
am
I
basically
yeah
I'm,
a
software
developer
based
in
Vienna
Austria,
now
yeah
I'm,
former
MVP
from
Visual
and
offices
Services
here,
and
you
can
find
my
profiles
in
the
GitHub
like
stack,
Overflow,
LinkedIn
and
lastly,
I
was
working
for
the
Visa
plan
check
out
these
guys
as
well
and
our
like
strategic
planning
yeah.
H
H
It
is
about
building
a
a
verb
part
which
is
available
from
the
Microsoft
appsource
right
and
that
anybody
can
install
actually
and
you
know,
use
in
their
organization
and
bring
in
that
and
that
part
to
the
store.
So
it
is
about
this
diagram
praying
the
part.
Let
me
show
what
it
is
about
it's
about.
In
the
previous
version
of
the
video
of
SharePoint,
you
had
a
possibility
to
create
a
to
embed
visual
drawings.
H
Visual
is
basically
a
diagramming
tool
for
Microsoft
Office,
and
you
had
a
you
know:
a
nice
web
part
which
allowed
you
to
embed,
like
you
know,
drawings
in
your
page
and
give
it
some
options
here.
You
can
see
the
previous
experience
like
of
SharePoint
like
2016,
like
something
like
that
right,
unfortunately,
that
was
like
experience
was
discontinue
it
after
migrating
to
SharePoint
online
right
and
for
SharePoint
online.
H
Yes,
there
is
only
a
file
viewer,
but
the
file
viewer
doesn't
really
provide
a
lot
of
options
for
the
for
for
View
and
visual
diagrams,
and
here,
for
example,
yeah.
Let
me
maybe
briefly
show
like
yeah
before
your
head,
like
you
know,
options
to
disable
pan
like
disable
like
status
bar,
and
you
know
like
disable,
some
animations,
for
example,
and
customize
the
sizes
of
that
screen,
and
so
on
and
out
of
the
box.
H
H
So
when
you
add
a
modern
page
right
that
old
word
parts
are
not
available,
so
you
can
only
have
a
chance
now
to
provide
either
a
file
viewer
which
is
like
limited
in
a
way.
I
just
said
right
or
this
new
web
part,
and
this
is
basically
the
real
part
that
has
been
built
yeah.
So
what
you
can
do
here,
you
can
configure
it.
You
know,
with
the
file
first
right
using
the
speaking
I,
think
right
and
then
you
can
set
well
about
the
same
more
or
less
set
of
parameters
you
had
before.
H
On
the
you
know,
on
the
Ultra
part,
for
example,
you
can
hide
like
diagram
boundary
and
you
know,
like
disable
some
interactivity
or
enable
some
interactivity
select
Zoom
initial
page
like
basic
stuff.
When
probably
you
know,
the
file
viewer
will
Implement
that
yeah.
That
top
part
can
be
yeah.
Also
like
expired
or
not
needed
anymore,
but
for
now
it
is,
it
can
be
a
good
replacement.
I
guess
for
the
you
know
for
embedding
visual
diagrams
into
SharePoint
Pages
yeah.
H
So
let
me
get
back
to
the
gamma
right,
so
this
is
like
basically
the
motivation
to
replace
the
existing
apart
and
also
like.
Like
always,
there
is
a
good
reason,
and
you
know,
like
practical
reasons,
a
good
reason
was
to
build
this
replacement
and
provide
it
basically
for
anybody
who
want
to
install
it
right,
because
it's
like
you
can
install
it
from
the
store
yeah.
You
can
just
go
to
the
app
Source
over
here
right
and
just
type.
For
example.
This
is
the
public
Microsoft
site
right
diagram
frame.
H
Let
me
just
show
like
it's
already
installed
here,
yeah
so
after
that
you
will
be
able
just
to
use
it
like
directly
without
having
to
install
it
like
explicitly
to
your
organization
yeah.
That
is
kinda
difference
from
what
is
usually
done
with
the
dma
part
yeah.
For
that,
you
need
to
upload
it
through
the
partner
Center,
but
let's
come
to
that
later,
a
little
bit,
yeah,
okay.
H
So
basically
it's
done
using
visual
online
API,
which
is
like
office,
GS,
robbed
in
a
code,
and
then
some
components
like
that
were
just
mentioned
right
are
also
employed
to
build
this
web
part.
It's
like
fluent
UI,
the
previous
version
of
the
library
like
number,
eight
right,
not
the
not
the
latest
one
yeah
then
also
like
spfix
controls,
Library,
which
is
like
providing
a
lot
of
useful
things
like
you
know,
file,
picker
and
so
on.
It
just
was
which
were
just
used
as
this
or
improved
a
little
bit
for
this
part
right.
H
H
It's
worked
basically
through
online
API
of
Vizio
yeah,
and
this
API
allows
you
to
embed
your
code
you're,
basically,
a
visual
frame
into
your
custom
page
or
your
custom
web
part
right
and
also
it
provides
a
basic
method
for
manipulating
it,
like
you
know
like
saying
the
size
of
it,
for
example
like
showing
or
hiding
toolbars.
Basically,
all
the
properties
you
have
seen
on
the
diagram
on
the
on
the
sidebar
on
the
the
part
settings
right.
Those
are
all
available
or
set
configured
with
API,
right
and
yeah.
H
The
root
which
is
just
dropped,
a
top
element
which
is
like
acting
as
a
container
or
iframe,
which
is
contained
in
visual
in
turns
yeah,
so
for
the
details,
I
think
it's
better
to
navigate
to
the
actually.
It
happened,
look
in
there,
but
I
mean
just
to
give
an
idea
that
how
it
works
so
that
you
have
a
top
element
right
and
then
on
loading.
It
just
initialize
that,
with
the
Visio,
like
you
know,
with
visual
API
by
creating
embedded
iframe
and
then
in
runs
video
in
that
iframe
to
load
the
drawing
yeah.
H
The
one
of
the
challenges
here
could
be,
the
you
know.
Resolving
the
URL
of
the
file
I
mean
Visio
can
be.
The
diagram
can
be
specified,
for
example,
that
is
like
not
belonging
to
the
current
website,
or
it
can
come
from
the
you
know
the
OneDrive
or
it
can
be
a
share
link
and
to
resolve
that
into
something
that
can
be
understood
by
the
visual
API
right.
That
is
a
little
bit
tricky
and
you
know
it's
done
using
the
also
like
SharePoint
API,
and
for
that
this
PNP
GS
library
is
also
used.
H
Yeah
like
for
picking
as
well
like
for
you
know,
begin
as
well:
Beacon
files.
Okay,
let
me
get
back
to
the
presentation
so
from
this
prefix
controls
Library,
it's
basically
using
the
placeholder
to
have
a
nice.
You
know
apis
when
it
is
not
configured
yet
and
then
it's
using
the
file
picker
element,
which
is
like
used
to
basically
provides
a
list
of
files
and
folders
and
help
users
with
a
navigation
to
the
file,
and
then
there
can
be
some
other
point
of
Interest
like
compared
to
the
well.
H
H
Basically,
if
you
are
interested
in
building
click,
you
know
the
the
part
in
a
continuous
basis
like
with
a
releases,
for
example,
when
you
produce
a
new
release,
you
don't
deploy
everything
like
manually,
but
have
it
like
automated
by
the
Azure
devops
another,
like
you
know,
maybe
point
of
Interest
here
could
be
the
localization
of
the
real
part
right
and
I
want
to.
You
know,
highlight
the
great
spfix
localization
extensions
extension
in
case
you
have
not
seen
it
like
by
a
little
truth.
H
So
as
a
last
step,
maybe
I
could
tell
a
little
bit
about
publishing
procedure
to
the
store
to
the
app
Source,
how
to
bring
it
yeah
and
how
to
make
it
possible
to
be
downloadable
from
them
store.
First,
you
need
to
register
at
the
partner
center
right
and
then
you
basically
submit
the
application
for
the
partner
center
for
the
review
right
and
the
main
challenge
for
me
was
actually
like.
You
know
to
create
some
documents
right,
like
you
know,
user
documentation
and
privacy
policies
such
of
the
paperwork
a
little
bit
yeah.
H
Also
it
took
about
like
one
month
like
you
had
to
have
a
application
reviewed,
and
you
know
the
testing
test
tested
more
or
less
by
the
submission
team.
Yeah
and
I'm
really
grateful
to
those
guys
who
helped
me
to
you
know,
fix
the
things
and
have
it
like
rolled
out
to
the
store
yeah,
just
if
one
more
maybe
like
link
and
what
it
looks
like
in
the
partner
Center.
When
you
push
the
stuff
there.
H
H
You
can
you
work
from
here
right
and
it
is
actually
all
described
more
or
less
there.
It
is
just
the
path
yeah
one
need
to
take
to
have
it
like
rolled
out
just
to
provide
some
links
as
well
yeah
for
the
presentation,
and
where
can
you
find
the
things
related
to
this
web
part?
First,
the
repository
of
course
right.
Then
you
have
the
upsource
and
the
website
wherever
the
documentation
for
this
web
part
actually
is
yeah.
My
contacts
are
below
yeah
and
back
to
you,
yeah.
B
I
Yes,
hello
from
my
site,
I
think
I
can
catch
up.
Some
minutes
will
be
a
quick
one.
Today,
I
want
to
like
quickly
like
to
show
you
how
to
extend
the
known
PNP
react
list
view
control.
We
already
talked
about
react
controls.
This
call,
and
also
there
was
a
great
blog
post
out
this
week
by
visa
on
this
project.
I
I
That's
directly
jump
into
my
demo.
First
most
of
you
hopefully
already
know
the
standard
list
view
control
which
is
available
in
the
PMP
spfx
controls.
We
see
this
Library
here.
How
does
this
look
like
in
this
really
simple
implementation?
It
would
maybe
look
like
this.
You
know,
and
the
good
thing
is
compared
to
SharePoint
list
standard
view
is,
of
course
you
can
render
anything
here
can
be
SharePoint
data
can
be
searched.
I
Results
can
be
database
data
whatever,
but
you
can
render
it
in
a
SharePoint
like
design,
but
what
we
miss
here,
for
instance,
when
we
compare
this
to
a
SharePoint
standard
list,
maybe
a
controller,
that's
another
control
or
a
so-called
edit
control
block
or
contextual
menu,
and
this
is
what
I,
customly
implemented
and
intended
to
place
here
in
the
third
column.
I
can
click
simply
click
that
I
have
three
actions
here:
I
can
click
one
and
then
I
have
my
contacts.
I
I
know
right
I'm
in
the
row
of
hands
and
the
action
one
was
clicked
so
really
simple
implementation
here.
I
can
do
this
the
same
way
with
an
action
tool
and
I
know
this
is
X2
and
another
row
is
clicked
and
I
can
even
do
this
with
a
third
action,
and
here
now
I'm
giving
another-
and
here
I'm
using
last
name
as
a
reference,
and
that's
all
so
really
quick,
a
simple
demo
easy
to
implement.
I
Let
me
show
you
in
short
illustration,
the
first
thing
or
what
we
need
for
this
control
to
run
is
we
need
to
define
the
view
fields
and,
as
you
can
see
here,
not
in
the
in
the
Border
but
outside
the
Border.
We
simply
have
our
data
rows
here,
like
first
name
last
name
or
Street
below,
but
in
between.
I
I
Now
this
is
an
icon
button,
which
only
shows
that
I
can,
because
I
can
name
more
vertical.
These
are
three
dots
yeah
in
a
vertical
way
and
additionally
below
we
already
can
imagine
that
we
have
some
actions
here.
Behind
yeah
I
only
show
the
first
action
here,
so
action
one
and
the
first
divider
the
others
go
quite
the
same
way
as
you
can
imagine
that
nothing
else,
but
I
was
inserting
you
and
when
we
click
that
I
made
it
really
really
easy.
I
was
building
the
code
a
lot
yeah.
I
Nothing
else
here
and
that's
it
how
you
can
simply
extend
this
control
else.
You
might
think
what
you
can
also
use,
of
course,
is
the
SPF
x-ray
of
standard
list
extensions.
We
have
the
list
command,
which
is,
can
either
hijack
or
be
included
in
the
existing
edit
control
block
of
a
list
view,
or
you
can
locate
a
totally
different
in
the
command
Boxster
list
yeah.
Then
it's
totally
different,
it's
not
on
the
source,
but
you
can
also,
of
course,
then
act
on
multiple
rows
which
you
selected
before
that's
different
yeah.
I
You
can
also
maybe
misuse
an
existing
column
with
the
field
customizer
and
not
only
render
maybe
the
text
field,
but
also
additionally
render
this
control
button.
I
was
showing,
or
you
can
totally
erase
a
column
and
say:
hey
I
do
not
render
anything,
but
my
edit
control
dock
there,
but
maybe
that's
not
the
best
idea,
but
you
cannot,
like
you,
have
seen
in
my
code.
I
You
cannot
insert
an
additional
column
inside
a
existing
SharePoint
list,
View,
which
only
renders
something
for
this
formatting
I
don't
see
a
chance
here,
because
you
need
JavaScript
to
render
an
extra
an
additional
UI
stuff
here,
like
a
like
a
control
block
or
what
else,
but
or
when
you
open
a
dialog,
for
instance,
also
yeah.
This
is
what
I
don't
see
available.
I
That's
not
least
some
resources,
I
have
a
blog
post
and,
as
you
can
see
from
the
date
there,
the
blog
post
is
really
really
old,
yeah,
but
I
never
shared
the
sample.
I
totally
forgot
to
share
the
sample,
so
I
catched
up
on
this
over
the
Christmas
time
and
published
this
as
a
PNP
sample
now
and
with
the
latest
SharePoint
framework
version
as
well
and
last,
not
least,
there's
also
an
existing
documentation
inside
the
PNP
report.
Yeah
I
can
maybe
quickly
switch
back
to
that
to
close
my
demo.
I
B
Thank
you,
Marcus
really
useful
demo
again,
and
it
is
really
nice
to
see
how
we
can
extend
the
PMP
react
control.
How
we
can
easily
do
that.
So
it
is
now
time
for
a
demo
by
Dan
Taft,
and
then
you
eventually,
you
have
a
few
more
minutes
if
you
like,
and
if
not,
we
can
always
have
a
q
a
session
at
the
end.
So,
okay,
you
already
started
sharing
your
screen,
so
please
go
ahead.
Yeah.
J
I'll
try
and
keep
it
relatively
short.
My
name
is
Dan.
You
can
find
me
over
on
Twitter
or
pretty
much
any
social
media
platform.
These
days,
I
work
at
a
small
consulting
company
here
in
Denmark
called
evobis
and
I
am
a
SharePoint
consultant
developer
like
we
all
are
do
a
little
bit
of
everything
and
this
demo
came
about
actually
sort
of
relevant
with
Marcus's
demo,
because
it's
about
what
we
can
do
to
to
query
data
from
SharePoint
lists.
J
Where
essentially
what
you
do
is
you
just
take
any
list
and
you
can
write
some
chemical
query
and
you
can
execute
it
and
we're
actually
just
using
the
PNP
reusable
controls
down
here
to
just
map
out
every
field
of
the
item.
So
there
you
go,
you
can
have
some
data
and
you
can
use
the
the
other
sample
just
to
interact
with
that
data.
J
So
if
we
have
a
small
list
here
of
some
some
tasks
that
are
going
to
be
done,
these
should
obviously
not
be
here
they
should
be
in
planner
or
to
do
but
say
you
put
them
in
SharePoint.
We
can
use
SharePoint
groups
and
query
based
on
whether
the
user
is
added
to
one
of
these
groups
or
not
so
say
I'm
edit
to
the
IT
department
group.
We
can
query,
give
me
all
the
onboarding
tasks
for
groups
that
I'm
in
now.
J
This
is
done
using
the
membership
thing
and
we
can
just
click
execute
and
there
we
go
I'll
get
all
the
tasks
that
are
assigned
to
the
IT
department
and
of
course
you
can
extend
this
the
same
way
you
could
with
anything
else.
You
could
do
it
with
several
queries,
so
you
could
go
ahead
and
say
all
the
tasks
that
aren't
done
there.
You
go
and
one
thing
that
you
can
do
with
chemical.
That
I
haven't
found
a
way.
J
So
please,
if
somebody
knows
in
the
chat,
go
ahead
a
way
to
query
a
URL
field
by
the
actual
URL
and
not
the
title
of
the
thing.
I
haven't
found
a
good
way
to
do
that
in
in
the
resting
points.
Okay,
so
that's
it
for
the
the
demo
of
the
actual
like
tool
and
just
a
quick
note,
you
can
actually
grab
the
query
part
of
your
view
or
your
your
camera
query
and
use
that
as
a
view
for
SharePoint
list.
J
This
will
obviously
break
in
case
somebody
actually
edits.
The
View,
but
sometimes
you
want
to
do
a
list
where
you
go
ahead
and
say
onboarding
tasks
and
you
can
go
ahead
and
you
can
say
my
pending
tasks.
There
you
go
it's
again,
filtered
based
on
the
IIT
Department.
This
is
a
great
way
to
to
do
something
where
we're
using
custom
code
because
we're
using
the
PNP
partial
to
set
it
and
there's
no
way
to
do
this
with
the
UI.
J
But
it's
really
fast.
As
for
the
code,
well,
I
didn't
want
to
focus
too
much
on
the
list.
View
thing
because
we
I
knew
Marcus
was
doing
the
demo
just
before
me.
So
one
thing
that
I
actually
thought
I
would
highlight
is
the
which,
if
we're
building
functional
components,
we
get
this
thing
called
the
the
react
context
which
is
really
awesome.
We
had
it
in
like
class
components
too,
but
it's
way
more
functional
doing
it
in
like
modern
functional
components.
J
I
noticed
a
few
people
in
the
chat
asking
during
the
thing
about
like
a
modern
way
to
like
do
a
camera
query,
building
and
I
just
wanted
to
shout
out.
There's
a
library
called
camel.js
I
think
I
might
actually
have
it
installed
in
here.
I,
don't
there's
a
great
like
Chrome
extension
too,
and
it
actually
makes
it
like
fluently
to
write
camera
queries
and
translate
them,
and
similarly
there's
one
called
camel
EX
for
like
c-sharp
code
that
actually
works
really
well
and
I.
J
I
would
like
to
shout
both
of
those
out
because
someone
who
came
into
the
like
SharePoint
Universe,
not
that
long
ago,
writing
camel
careers
really
sucks.
They
they're
great
for
what
they
can
do,
but
like
riding
them
by
by
hand,
is
a
lot
of
work
and
it's
one
of
those
things
where
I
end
up
always
missing
like
a
small
tag.
Yeah,
that's
about
it.
There's
a
link
to
the
sample,
a
link
to
the
documentation
on
camera
Crews
and
a
quick
link
to
the
reusable
controls.
J
B
Thank
you
Don,
yet
another
great
demo.
Thank
you
so
much.
Let
me
share
my
screen
and
now
that
we
are
talking
about
building,
camel
queries
and
working
with
camel
I
saw
in
the
chat,
a
few
people
mentioning
the
all
good
days
and
the
camel
Builder
and
all
that
kind
of
stuff
that
we
used
to
use
in
the
pasta,
and
it
is
this-
is
totally
not
planned
to
be
in
this
call,
but
I
think
it
is
not
a
problem.
Actually,
it
is
an
opportunity.
Let
me
share
that.
B
In
the
PMP
organization
we
have
the
whole
source
code
of
the
camel
Builder,
the
one
of
the
old
good
old
days,
thanks
to
Karim
Bosch,
who
decided
to
share
the
whole
source
code
with
the
community.
We
have
this
repository
I'm,
not
sure
that
we
already
share
this
information
or
not,
but
now
I'm
sharing
it,
and
we
are
also
looking
for
people
in
the
community
willing
to
renew
this
tool
and
maybe
make
it
like
a
new
modern
work.
Part
or
something
like
that.
So
here
you
find
the
whole
social
code
give
it
an
eye.
B
C
B
Now
you're
making
me
feel
really
old,
but
you
are
totally
right
totally
right,
camel
actually
I,
don't
recall
anymore.
What
the
acronym
is,
but
camel
is
the
acronym
of
a
language
that
you
can
use
to
build
queries
in
SharePoint
lists
and
libraries.
So
it
is
the
language
XML
based
language
that
we
used
to
use
in
the
past,
at
least,
to
write
the
structure
of
views
and
queries
while
working
with
the
SharePoint
in
developing
SharePoint
Solutions.
Nowadays
we
don't
use
it
very
often,
even
if
every
now
and
then
we
still
use
a
camel.
B
Maybe
we
don't
know
that
it
is
camel,
but
we
use
it
to
filter.
For
example,
when
you
create
a
custom
View
and
you
export
a
view
with
the
PNP
provisioning
engine
in
the
content
of
the
provisioning
template,
there
will
be
the
XML
of
the
camel
defining
the
filter
and
it
was
collaborative
application.
Markup
language.
Thank
you
Visa.
So
that's
the
basic
idea
of
camel
it
was
really
fundamental
in
the
pasta.
It
is
kind
of
well
hidden
in
our
days,
but
still
completely
there
correct
me
if
I'm,
wrong
visa
and.
B
Yeah
precisely
so,
the
camel
Builder
was
a
desktop
Windows
desktop
application
to
a
design,
a
graphically
design,
the
camel
queries
rather
than
writing,
then
them
manually
and
in
XML
syntax.
It
was
really
cool
and
useful
because
it
was
able
to
give
you
a
preview
of
the
results
of
the
query,
and
then
you
were
able
to
copy
and
paste
the
camel
query
into
your
actual
code.
B
Of
course,
a
desktop
version,
and
specifically
a
desktop
version
for
Windows,
is
not
necessarily
really
useful.
Nowadays,
But
A
Renewed
version,
which
will
be
cross-platform
and
eventually
with
a
web
UI
I
think
it
would
be
really
really
useful
and
interesting
and,
as
you
can
see
from
the
structure
of
this
repository,
you
can
already
see
that
there
are
multiple
layers.
So
you
can
eventually
think
about
rebuilding
the
UI
trying
to
keep
the
backend
infrastructure
still
as
it
is,
but
it
is
just
a
random
idea.
So.
C
B
Yeah
yeah,
yeah
well
I
have
to
share
that
and
then
I
will
move
eventually
to
a
q.
A
there
is
a
very
good
friend
of
mine
who
told
me
many
years
ago.
Paolo
you
love,
XML,
XML
sooner
or
later
will
disappear
and
will
be
well
hidden
under
the
cover
of
everything,
but
nobody
will
see
it
well.
My
friend
was
right,
but
I
was
right
too,
because
XML
is
actually
under
the
cover
of
many
of
the
technologies
that
we
use
nowadays.
So
that's
why
I
loved
and
I
still
love
it.
Okay,
sorry!
B
C
Can
if
there's
any
questions,
there's
more
like
everybody
has
just
memorizing
the
camel
and
xmls
now
on
the
chat.
So
if
there's
no
questions,
we
can
of
course
close
a
bit
earlier
today.
They've
also
I
can
break
up
one
question
even
on
audio,
because
there
was
a
question
just
before
when
we
were
about
to
start
Chester
recap,
which
is
understandable.
Question
in
SharePoint
framework
call,
because
this
is
the
Viva
connection.
Sharepoint
framework
calls.
C
There
was
a
question
related
on
on-premises
support
for
SharePoint
framework,
and
will
it
be
adjusted
for
the
SharePoint
subscription
Edition
SharePoint
subscription
Edition
actually
was
shipped
or
released
already
more
than
a
year
ago,
as
the
latest
version
for
SharePoint
on-premises
and
just
to
be
clear
and
I
know
that
it
might
be
a
bit
disappointing,
we're
not
looking
into
adjusting
and
the
supported
spfx
version
in
on-premises.
Unfortunately,
the
team
would
like
to
do
that.
D
C
Will
it
happen
in
the
future?
At
some
point
we
don't
know
that
is
every
discussion,
just
a
recap
on
that.
One
I
also
wanted
to
actually
call
out
and
next
week
on
Tuesday
in
the
platform
Community
call,
we
will
actually
have
an
end-to-end
feature
and
functionality
coverage
of
what
is
Microsoft
Viva
Home,
which
is
currently
rolling
out
within
the
within
Microsoft
resistivine
as
a
free
service
for
every
single
tenant.
So
it's
a
really
cool
demo
and
really
cool,
or
it's
a
great
opportunity
to
actually
understand
from
the
BMS
who
created
the
Viva
Home.
C
C
Yeah
we'll
thank
you
David
on
the
on
the
chat
on
the
questions.
If
we
can
actually
I
know
that
we're
we're
muted
on
the
on
the
on
the
attendee
site,
and
that's
intentional,
because
there's
too
many
people
to
be
able
to
do
audio
questions
at
this
point.
But
if
there's
questions
we
can
people
can
put
on
the
chat
and
if
there
isn't
it's
okay,
you
can.
You
can
drop
already
at
this
point,
we're
just
extending
the
call
to
be
a
bit
longer.
B
Yeah,
while
waiting
for
any
additional
question,
if
any,
let
me
just
remind
to
the
people
that,
of
course
the
recording
of
this
video
will
be
available
and
it
will
be
available
within
24
hours
from
now.
So
don't
try
to
download
the
one
which
will
be
automatically
generated
by
teams,
but
wait
wait
for
the
one
which
will
become
available
in
dpmp
Microsoft
35,
Community,
PMP,
YouTube
channel.
B
You
can
see
here
the
link
and
remember
that
we
will
have
the
next
Viva
connection,
spfx
call
on
February,
the
9th
and
next
week,
as
Visa
said,
there
will
be
the
next
35
Power
Platform
call
as
well
as
you
can
find.
All
of
the
other
calls
in
the
link
akms,
slash,
Community,
slash
course.
So
I
don't
see
any
question
in
the
chat.
If
I'm
not
mistaken,
I
just
see
comments
and
Jokes,
which
are
totally
fine.