►
From YouTube: SharePoint Framework Community call – 3rd of June 2021
Description
SharePoint PnP Community - SPFx & JS SIG call on June 3. Demo: Get started developing mobile experiences for Microsoft Viva Connections - a preview of SharePoint Framework v1.13. Register for the Private Preview of Viva Connections (including access to SPFx v.1.13) and while you’re at it, register for June trainings on Sharing-is-caring. Latest PnP project releases include - CLI for Microsoft 365 v3.10.0 and PnP Modern Search v4.2.0 & v3.20.0. Three PnP SPFx samples were delivered in the last 2 weeks. Great work! The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
Learn more:
• See the full blog post for this call at: https://aka.ms/m365pnp/community/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
june
3rd.
We've
got
a
great
call
for
you.
As
usual,
the
latest
updates
on
the
sharepoint
framework.
We
got
some
patterns
and
practices
updates
new
community
samples
optional
picture
time.
Then
we
have
a
special
topic
today
with
luca
pat
and
john
on
developing
for
viva
connections,
and
this
is
also
kind
of
a
a
preview
of
sharepoint
framework.
A
1.13.,
so
excited
to
see
that
and
get
that
out
for
all
of
you
to
check
out
as
well
as
always
opportunities
to
participate
in
the
patterns
and
practices
program.
Super
encourage
you
to
demo
any
of
your
work
with
sharepoint
framework
with
any
of
the
patterns
and
practices
offerings.
I
love
to
have
those
demos.
A
I
think
it's
one
of
the
best
parts
of
these
calls
I've
seen
all
the
great
work
all
of
you
are
doing
out
there
for
your
customers
and
your
companies,
so
first,
of
course,
make
sure
it's
appropriate
to
share,
but
would
love
to
have
you
demo
the
work
you're
doing
out
there
just
reach
out
to
myself
or
vasa
to
get
scheduled
on
an
upcoming
call.
We
also
encourage
you
to
contribute
on
github
that
could
take
the
form
of
reporting
issues,
submitting
pull
requests
or,
of
course,
helping
out
with
any
issues
or
questions.
A
You
see
where
you
might
happen
to
already
know
the
answer,
and
finally,
you
can
always
provide
feedback
on
everything
we
do.
How
are
these
calls
how's
the
documentation?
Where
else
can
we
help
and
of
course,
positive
feedback
is
okay
too,
because
if
you
like
something
we're
doing,
we
could
perhaps
do
a
little
bit
more
of
it.
And
next
up
is
our
pajo
links
so
tons
of
great
links
here,
but
all
of
them,
you
could
find
from
ak
dot,
msl
m365
pnp.
That
will
include
our
developer.
A
Videos,
which
are
topic,
focused
videos
on
how
to
perform
various
things
developing
for
sharepoint
framework
videos
around
auth
videos,
around
teams,
development,
so
the
developers
scenario
focused
videos
as
well.
We've
got
our
community
videos
which
are
going
to
be
the
recordings
of
calls
such
as
this
one.
The
other
special
interest
group
call,
as
well
as
our
monthly
community
call
and
many
other
community
crawls
across
microsoft.
365
will
be
found
there
aka
dot.
A
Graph
all
have
opportunities
to
contribute
to
participate
and
tons
of
great
resources
to
get
started
for
inside
all
of
those
different
spaces,
so
graph
office,
dev,
pnp
and
sharepoint
tons
of
great
content
tons
of
great
stuff,
as
well
as
lots
of
wonderful
samples
to
check
out
we've
got
team
samples,
spfx
web
parts,
extensions
power
platform,
samples
as
well
as
list
formatting
samples
goes
out
always
a
great
place
to
get
started
for
all
your
projects.
But
again
all
of
that
can
be
found
at
ak
dot.
B
Excellent,
thank
you,
patrick
well,
friends
for
those
that
are
new
to
the
community.
It's
important
to
know.
We
are
an
open
source
and
inclusive
community,
which
means
that
we
welcome
you
to
use
any
and
all
of
the
resources
that
are
available
to
you,
as
well
as
contribute
back
to
those
resources.
But
we
understand
that
there
are
times
when
you
might
have
some
hurdles,
such
as.
How
do
I
get
involved
with
github?
Where
do
I
go?
B
How
could
I
start
using
some
of
the
samples
with
all
these
varying
versions
of
node,
and
things
like
that
so
sharing
is
caring,
is
providing
live,
hands-on
guidance
sessions
to
walk
you
through
a
variety
of
these
topics?
You
can
see
all
of
our
upcoming
sessions
they're
all
available
in
june,
they're,
all
free.
Of
course.
We
have
more
sessions
coming
soon.
Topics
such
as
spfx
samples
contributions,
cli
for
microsoft,
365
power
platform
and
user
experience
sessions
next
week
after
the
monthly
call,
is
our
monthly
ama,
which
is
going
to
feature
graph
and
mgt.
B
So,
if
you'd
like
to
join,
please
go
to
a.k.a.m.s
forward,
slash
sharing
is
caring
again
non-recorded,
all
three
hands-on
excellent
opportunities
for
you
to
ask
questions
and
get
involved.
So
we'd
love
to
see
you
in
any
of
the
sessions
aka
dot.
Ms
forward
slash
sharing,
is
caring,
patrick
back
to
you.
A
Awesome
stuff,
thank
you
david
for
those
updates
and
really
encourage
folks
check
out
this
program
if
you're
looking
how
to
get
started
in
pnp
or
just
how
to
get
started
in
open
source
in
general.
Tons
of
great
content
here,
as
well
as
great
safe
space
sessions,
to
ask
questions
as
david
was
saying,
certainly
encourage
you
to
get
involved.
There
are
tons
of
great,
first-time
contributors
coming
out
of
the
sharing
is
caring
as
well
so
love
seeing
that
love
seeing
new
people
get
involved.
C
Thank
you,
quick
updates
and
here
because
today
we're
gonna
talk
about
sharepoint
framework,
quite
a
lot
and
and
what's
coming,
but
before
we
go
there
and
I
think
luca
aura.
We
have
the
slide
in
the
end
as
well,
we're
looking
into
people
to
sign
up
for
the
viva
connections,
private
preview
right
now.
This
isn't
really
super
super
super
private
and
the
information.
C
What
we
share
through
this
program
can
be
actually
openly
shared,
but
you
will
only
get
the
features
enabled
within
your
tenant
and
development
environment
by
signing
up
and
you
get
access
on
the
early
bits
and
on
the
features
which
we're
going
to
show
today.
So
that's
why
the
akms
viva
connections,
preview,
register
url,
is
your
good
friend
of
getting
access
on
things.
Thank
you,
david
for
adding
that
on
the
chat
as
well.
C
This
is
just
a
recap
from
the
build
slides.
I
think
where,
where
we
actually
mentioned,
where
we
are
investing
again,
we
have
luka.
We
have
bat
and
cheon
from
the
spfx
team.
Well,
I'm
from
the
spfx10
as
well,
but
we
have
other
people
in
the
team
as
well
in
the
in
the
call
today
to
talk
about
especially
the
viva
connection
side
of
the
house.
C
We
are
still
significantly
planning
to
improve
the
team's
extensibility
model
and
team's
extensibility
with
spfx
and,
of
course,
not
forgetting
about
the
sharepoint
portals
and
sharepoint
internet
with
spfx,
either
tooling
updates.
There
was
already
nice
updates
related
on
teams,
toolkit
v2
and
version
2..
We're
going
to
do
demos
on
that
one
later
as
well
on
this
community
course
making
things
easier
for
teams
targeted
development,
and
then
there
are
storm
organization
coming
which
says
I
think
we
get
the
sharepoint
store,
modern
modernization
released
within
later
this
month.
C
Hopefully
so
the
end-to-end
store
experience
will
be
modernized
and
then
we're
modernizing
the
tenant
catalogue
at
the
same
well,
a
few
months
after
that.
So
a
lot
of
a
lot
of
investments
across
the
board,
but
let's
go
to
other
open
source
projects
and
we'll
concentrate
on
spfx
later
part
of
the
course.
A
D
Library
awesome,
thank
you,
patrick,
so
I
just
want
to
announce.
The
2.6.0
release
is
scheduled
for
june
12th.
We
have
an
update
for
client-side,
page
improvements,
site
collection,
app,
catalog
support,
the
user,
slash
calendar,
find
rooms
endpoint
for
graph
and
some
other
documentation
updates,
so
keep
your
feedback
coming
or
any
updates
that
you
have
definitely
get
those
in
before
june
12th
and
we
will
try
to
roll
them
into
that
release.
D
Also
just
another
recap
of
v3
development
is
well
underway,
patrick,
and
I
did
a
lot
of
work
last
week
and
got
pretty
darn
excited
about
how
good
things
are
starting
to
look
and
how
they're
coming
together.
We
feel
like
we
have
some
really
good
symbolization
of
the
simplification.
Excuse
me
of
the
pipeline
and
it's
going
to
make
it
a
lot
more
configurable
and
a
lot
more
updatable
and
understandable
by
everyone.
So
we're
really
excited
about
that.
You
can
absolutely
see
what
we've
been
working
on
by
checking
out
the
v3
branch.
D
It
is
a
tad
ugly,
but
it
is
there
and
you
can
kind
of
start
to
get
a
feel
for
what
our
plans
might
be.
If
you
have
any
feedback
or
comments
or
questions,
certainly
you
can
find
the
discussions
that
are
linked
off
of
pinned
issue
number
1636
and
put
any
comments
or
questions
into
that,
and
also
just
a
reminder
that
we
did
implement
the
github
action
to
lock
closed
issues.
D
If
you
find
a
closed
issue
that
you
is
related
to
an
issue
you're
having,
please
do
open
up
a
new
issue
and
then
you
can
reference
it
by
using
the
pound
sign
and
the
in
the
number
of
that
issue
and
we'll
and
that'll
reference
it
back.
But
a
new
issue
is
the
is
the
best
way
to
move
forward
and,
as
always,
follow
us
on
m365
pmpjs
on
twitter,
and
that
is
all
I
have
back
to
you,
patrick.
A
So
cli
for
microsoft,
365,
a
new
version
3.10,
is
out
with
retrieving
azure
ad
app
registration
roles,
uploading
files
with
graph
updating,
sharepoint
site,
app
permissions
and
improved
retrieving
of
sharepoint
site
app
permissions
and
more
we've
also
got
a
bunch
of
new
sample
scripts.
So
these
are
scripts
tying
together.
Multiple
cli
commands
to
perform
more
complicated
tasks,
love
to
see
those
coming
together
and
the
contributions
around
that
space.
Npm
install
dash
g
at
pnp,
cli
dash,
microsoft,
365
at
latest.
A
We'll
get
you
always
the
latest
version
of
the
cli
and
encourage
you
to
check
this
out.
It's
a
fantastic
cross-platform
tool
to
help
configure
and
manage
your
sharepoint
and
development
environments
and
as
well
spfx,
reusable
components,
new
updates
here,
so
we've
got
the
set
of
react
controls
and
these
are
the
ones
designed
to
be
used
in
the
body
of
your
web
web
parts
or
application.
A
Customizers
2.7
or
the
2.x
branch
is
for
spfx,
1.11
and
below,
and
the
3.x
of
which
3.1
is
the
latest
is
for
spfx,
1.12.1
and
presumably
forward
so
two
separate
packages
full
fully
the
same
capabilities.
I
believe
with
the
two
there,
but
it
looks
like
there
are
some
breaking
changes
coming
in
with
like
file
picker,
for
example,
returning
an
array,
so
you
can
pick
multiple
files
there,
which
is
very
exciting
to
see
that
update
as
well
updates
the
react
property
controls.
A
These
are
controls
designed
to
be
used
in
the
edit
pane
of
your
web
part
again.
The
2.x
branch
is
for
spfx
1.11
and
below
and
3.x
branch
for
spfx,
1.12.1
and,
above
so
continue
to
see
great
improvements
there.
I
want
to
thank
everybody,
who's
contributing
to
the
controls
and
certainly
check
these
out
more
information
at
the
links
there,
sharepoint
github
dot,
io
spf,
dev,
fx,
property
controls
and
spf
dev
fx
controls
react
to
get
you
all
the
information
there
to
use
these
and
drop
them
into
your
project
for
a
fast
start.
A
A
The
420
release
is
now
out
fixing
some
issues
as
well
as
some
additional
languages
importing
exporting
of
the
web.
Part
settings
as
well
as
some
great
documentation
updates
and
now
works
with
spf
x,
112
1
and
the
ui
fabric
v7,
so
excited
to
see
these
continue
to
evolve
and
grow,
certainly
encourage
you
to
check
those
out
if
you're
interested
in
the
search,
a
great
opportunity
to
contribute
as
well.
3.20
is
out.
A
I
think
later
this
week
I
believe,
is
scheduled
for
release,
and
so
this
is
the
the
older
version
so
to
speak,
of
the
pnp
search,
but
still
supported,
but
mostly
in
maintenance
mode.
At
this
point,
a
lot
of
the
new
capability
is
going
to
be
going
into
the
4.x
branch
and
with
that
we'll
move
on
to
the
pnp
spfx
samples
with
hugo.
E
So
if
you're,
like
me,
you're,
probably
going
to
like
the
spfx
webparts
sample
and
extension
repositories,
there
are
hundreds
of
curated
samples
that
are
built
and
maintained
by
the
community,
and
they
should
probably
be
the
first
place
that
you
go
to
to
get
started
with
an
spfx
development
task.
So
you
can
get
to
those
by
going
to
ak
dot
ms
spfx
extension
and
aa.mspfxwebparts,
but
we
want
to
make
sure
that
everyone
knows
we
welcome
contributions
by
everyone.
E
It
doesn't
matter
if
you
have
a
small
design
to
share
or
if
you
want
to
share
full
solution,
feel
free
to
submit
a
pull
request,
and
you
know
side
plug
here.
If
you
don't
know
how
to
do
a
pull
request,
feel
free
to
sign
up
for
sharing
is
caring.
That's
exactly
what
the
point
of
sharing
is
caring
is
about
so
here's
the
updates.
For
the
last
two
weeks
we
have
an
update
to
the
data
table
by
chandani
prajapati.
E
She
added
support
for
showing
images
within
the
data
table
and
she's
upgraded
it
to
spfx
112.1,
the
page
contributors
web
part,
which
actually
shows
all
the
people
who
contributed
to
a
page
in
a
nice
web
part.
I
was
updated
by
ari
gunawan
and
it's
also
updated
to
spf
x,
112
1.,
it's
great
to
see
that
we're
starting
to
see
more
121
samples
and
then
finally,
andre
laga
updated
his
onedrive
finder
with
mgt220
and
the
onedrive
finder.
If
you
haven't
seen
it,
it
was
demoed
a
few
weeks
ago.
E
I
think,
and
it
was
it's
actually
a
really
cool
thing
that
actually
allows
you
to
navigate
through
your
onedrive.
That's
it
that's
what
we
have
in
terms
of
updates.
I
just
want
to
make
it
clear
to
everyone
that
we
also
test
every
sample
and
we
we
do
take
the
time
to
to
test
everything.
So
if
you
run
into
issues,
please
make
sure
to
submit
an
issue
using
the
issue,
template
and
everyone,
I
hope,
will
look
to
help
you.
Thank
you,
patrick
back
to
you.
A
Thanks
hugo
for
that
love
to
see
all
the
new
samples
and
all
the
updates
to
the
samples
week
over
week
is
really
fantastic
and
it's
a
really
valuable
resource
for
the
entire
community.
So
great
work,
everybody
there
and
thank
you
and
again,
small
samples
are
just
as
good
as
big
complicated
samples,
so
don't
feel,
like
your
thing,
isn't
complicated
enough
to
submit
as
a
sample
we'd
love
to
see
all
of
them.
So
thank
you
to
everybody
there
and
now
we'll
move
over
to
optional
picture
time.
C
Will
share
my
screen,
so
we
can
actually
see
how
we
are
looking
all
together
and
there
we
go
and
let's
see
if
there
is
again
the
limit
of
50
people
doing
this,
I'm
not
going
to
take
a
spot
so
leaving
other
people
some
spots.
Let's
wait!
Few
more
minutes.
I
think
we
will
we'll
get
to
the
50.
Typically
on
this
quite
easily.
C
A
C
F
So,
okay,
thank
you
so
much
appreciate
it.
So
thank
you
for
being
here
welcome
guys
today,
john
pat
and
I
will
talk
about
viva
connection,
accessibility,
overviews.
How
do
you
work
and
create
the
extensibility
cards
for
vivo
connection,
dashboard
and
video
connection?
Dash
video
connection
is
part
of
the
new
viva
effort
that
is
being
built
on
top
of
teams
to
be
able
to
have
new
functionalities
and
experiences
in
teams
that
the
target
specific
areas
on
specific
workers
with
the
connection
specifically,
we
are,
we
have
more
than
the
dashboard.
F
So
in
terms
of
dashboard
connect
is
basically
one
of
the
solutions
that
have
been
built
as
part
of
viva
and
it
it
gives
you
the
ability
to
provide
access
to
applications
and
pages
and
resources
that
users
normally
use
during
their
day-by-day
basis.
So
it's
as
you
can
see,
it's
basically
a
solution
that
was
built
primarily
for
mobile
and
for
frontline
workers
or
for
people
that
normally
don't
have
a
desk,
so
they
need
to
be
able
to
quickly
access
to
applications
that
they
use
in
during
the
day-by-day
job.
F
There
is
an
authentic
experience
that
is
very
easy
to
customize
and
very
easy
to
create.
We'll
go
about
that.
In
a
may
note,
it
basically
gives
the
ability
to
link
existing
resources,
as
well
as
through
the
power
of
sharepoint
framework
able
to
create
custom
solutions
that
users
can
use
in
mobile
or
desktop,
and
because
it's
powered
by
sharepoint
and
modern
pages
technologies.
F
F
On
the
left
side,
you
have
the
configurations
part
of
the
story
where
the
sharepoint
and
the
themes
admin
are
working
together
to
pick
an
on-site
to
where
the
dashboard
will
live
and
configure
the
viva
connections.
Application
within
teams
where
you
can
set
the
corporate
logo
the
branding
and
basically,
you
can
target
the
application
in
teams
to
be
available
to
a
subset
of
users.
F
All
of
your
users,
then
you
have
the
business
business
units
where,
basically
is
the
one
that
are
is
selecting
the
applications
and
selecting
the
functionalities
that
dashboard
will
surface
to
different
kind
of
users
inside
the
organization
system.
Integrators
and
isvs
can
be
involved
to
basically
create
the
links
to
existing
teams.
Application
as
well
as
custom
carts.
F
We'll
talk
about
that
in
a
second
and
then
the
corporate
communication
role
is
the
one
that
is
in
charge
of
building
the
dashboard
and
create
the
dashboard
by
using
the
dashboard
authoring
tool
and
in
terms
of
dashboarding
tool.
It's
a
web-based
tool
very
similar
to
modern
page
authoring.
You
go
to
a
specific
place
in
your
home
site.
F
The
card
itself
provides
a
quick
glance
of
the
information
that
the
user
can
interact
with
or
consume
very
quickly.
The
car
can
also
give
the
ability
to
the
user
were
configured
to
deep
dive
in
a
quick
view,
experience
where
you
have
more
a
full
body
or
a
full
video
real
estate,
where
additional
information
can
be
provided.
F
We
can
support
dynamic
values,
because
this
is
powered
by
sharepoint
framework.
We'll
talk
about
that
in
a
second,
you
can
add
different
icons
and
different
images,
and
we
will
provide
some
kind
of
out
of
the
box
card
just
like
the
ability
to
link
to
sharepoint
applications,
teams,
personal
apps
and
bots,
as
well
as
external
links
and
other
first
party
applications.
C
F
Yes,
so
the
release
is
will
be
like
any
other
first
party
application
at
one
point,
the
teams
administrator
will
be
will
see
viva
connection
as
an
app
available
in
their
portfolio
of
applications
provided
by
microsoft.
The
themes
administrator
will
then
be
able
to
enable
or
disable
the
app
for
users,
and
when
that
happen,
the
app
will
surface
in
mobile
and
later
this
year
in
teams
desktop
as
well.
So
just
to
recap.
C
It's
not
part
of
the
team's
mobile
app
itself.
It's
it's
a
first
party
additional
application,
which
we
configure
from
an
administrative
perspective
to
be
visible
for
our
employees
when
they
open
up
a
teams
mobile.
That
is
correct.
Yes,
just
to
recap
on
that
and
then
there's
a
question:
what
happens
if
we
don't
set
a
home
site
as
part
of
the
suggested
step
of
of
setting
it
all
up?
F
F
So
this
is
the
dashboard.
The
way
I
went
here,
just
you
know,
go
to
my
communication
site
and
when
the
flight
is
enabled,
I
click
on
new.
I
click
on
dashboard,
and
here
it
points
me
to
the
dashboard.
You
can
see
a
blank
canvas
right
now,
because
there
are
no
cards,
but
by
the
time
I
click
edit
voila.
I
can
see
the
dashboard
here
clicking
add
the
card.
I
can
see
all
the
cards
that
are
available
here
in
a
similar
way
that
you
can
also
use
for
adding
weapons
in
a
modern
page.
F
Don't
spend
too
much
time
analyzing
what
you're
seeing
here
there
are
a
bunch
of
demos,
and
this
is
a
tenant
that
we're
using
for
development.
So
some
of
these
cars
that
you
can
see
here
will
not
be
available
for
you
by
the
time
you
join
private
beta,
so
you
will
have
teams
up
sharepoint
pages
card
designer.
You
will
absolutely
have
web
links
and
mob
tasks
and
some
of
the
other
first
party
applications
when
they
are
available.
So
let's
start
with
the
sharepoint
page
as
an
example,
so
I
can
add
a
sharepoint
page
here.
F
The
card
is
ready,
I
can
click.
I
have
configuration
experience
which
is
very
similar
to
margin
page
web
configuration
from
here.
I
can
select
the
car
size
and
you
can
see
that
the
card
itself
changed
immediately
in
the
example
of
a
sharepoint
page
you
can
select,
which
kind
of
site
you
want
to
go
with
here
is
see
so
select
communication
site.
F
You
can
also
change
the
title
and
the
description
here,
so
you
can
incorporate
and
you
can
say
your
connection
as
you
can
see,
things
will
change
in
real
time.
You
can
select
the
image
and
then
you
can
talk
about
audience
targeting
where
I
will
talk
about
that
in
a
second,
where
you
can
go
and
target
a
specific
card
to
a
specific
set
of
people.
So
from
here
I
can
preview
when
I'm
in
preview
mode.
F
F
So,
for
example,
here
for
tinypoles.
What
will
happen
is
that
when
I
click
it
will
go
and
will
open
themes,
I'm
using
the
web
up
here
for
now,
because
I
am
on
the
call.
So
I
don't
want
to
my
team's
rich
client
to
do
something
here,
but
basically
what
will
happen
is
that
it
will
open
teams
and
then
it
will
point
out
directly
to
the
application
that
is
being
set.
F
F
The
other
interesting
card
that
I
want
to
talk
about
here
is
the
close
preview
card
designer,
and
this
is
an
interesting
card
that
we
created
in
order
to
be
able
to
create
custom
cards
without
using
code
as
an
option.
So
here
what
I
can
do,
I
can
use
the
power
of
adaptive
card
to
be
able
to
build
the
quick
view.
Experience
on
my
card,
so
let's
say,
for
example,
that
I've
created
this
card.
I
call
this
full
court.
C
F
So
that
menu-
let's
put
something
like
that-
I
can
select
another
card
action,
so
it
means
that
I
can
say
that
the
card
can
do
something
when
I
click
on
the
card
or
do
nothing
in
this
case.
I
want
to
do
nothing
because
I
want
to
have
a
button
that
is,
I
can
put
this
view
and
one
when
I
put
the
button
what
I
want
to
do.
I
want
to
go
to
a
link,
or
I
want
to
show
a
quick
view
for
the
lack
of
for
this
example.
I
can.
F
F
F
I
put
this,
then
I
go
back
on
the
data.
I
select
the
data
and
I
go
back
here.
Let
me
move
vez
out
and
put
the
data
here
and
then
from
now,
when
I
click
on
preview,
what
you
can
see
is
that
if
I
click
on
the
button
yay,
I
will
have
exactly
the
same
experience
that
I
would
have
had
here
in
the
card,
and
this
gives
the
ability
to
users
to
be
able
to
build
card
without
using
custom
code
without
using
spfx.
F
It
is
kind
of
an
alternative
for
scenarios
where
you
need
to
create
something
quick
without
and
you
don't
have
a
developer
environment,
and
you
don't
have
a
developer
handy
that
you
can
use
to
build
some
kind
of
solutions
for
the
card
for
the
for
the
dashboard.
One
last
thing
that
they
want
to
show
is
the
audience
targeting.
F
As
that
gives
you
the
ability
to
see
what
will
happen
if
you
are
a
different
set
of
users.
So,
for
example,
here
you
can
see
that
I
only
see
two
cards,
but
if
I
select
test
as
a
group
voila,
I
can
see
that
every
person
that
will
be
part
of
this
out
of
this
group
will
have
this
experience.
When
you
go
to
the
dashboard,
if
you're
not
part
of
this
group,
you
will
see
that
that's
what
you
see
so
then
I
can
close
the
preview
I
can
go
here.
F
C
C
C
C
Now
you
can
get
access
already
under
early
bits
and
features
and
functionalities
as
long
as
you
sign
into
the
preview
program
and
will
then
enable
the
features-
and
this
is
basically
designed
for
you
to
get
early
access,
if
you're
a
mvp
or
a
person
who
does
videos
or
demos
on
conferences,
you
can
already
demo
the
stuff
as
well
so
and
there
is
no
nda
for
any
of
that.
So
you'll
get
access
on
bits
as
long
as
you
register
that
url,
which
is
in
the
chat
right
now
and
we'll,
show
that
one
again
slightly
later.
C
F
F
So,
yes,
we
are
building
the
ability
to
surface
the
dashboard
in
modern
pages
outside
of
viva
connections.
There
are
still
discussions
in
place
if
we
are
only
showing
the
dashboard
on
your
home
site
or
your
corporate
site
or
if
we
show
the
dashboard
anywhere
else,
but
the
dashboard
it's
something
that
you
will
be
able
to
put
in
modern
pages
in
sharepoint.
F
F
C
C
It
will
be
in
the
recording
summary
tomorrow
in
the
blog
post
as
well
to
be
able
to
get
access
on
early
bits,
which
is
sharepoint
framework
1.13
and
that
we
are
able
to
enable
this
preview
functionality
within
your
tenant,
because
we
need
your
url
to
be
able
to
do
that
and
the
the
second
cute
comment
from
tim
duncan
is
me,
shut
up
and
take
my
money,
microsoft?
No!
No!
No!
We
don't
need
it.
Thank
you.
G
Yeah
so
luca
showed
the
dashboard
on
the
web,
and
so
now
I'm
going
to
show
the
dashboard
as
part
of
the
team's
mobile
app.
So
this
will
not
be
available
as
part
of
the
private
preview,
but
we
do
expect
it
to
hopefully
be
available
broadly
later
this
year.
No
specific
timeline
on
that
yet,
and
so,
like
we've
mentioned,
viva
connections
will
be
available
just
as
a
team's
app.
G
So
that
means
that
you'll
be
able
to
pin
it
and
be
if
your
team's
admin
be
able
to
do
all
the
sort
of
automatic
pinning
as
well
and
we'll
have
branding
support.
So
for
a
lot
of
people
organizations
the
app
itself
may
not
ever
surface
as
viva
connections
and
will
hopefully
surface
as
the
organization's
name
and
brain
and
so
we'll
see
all
the
cards
that
luca
had
already
added
onto
the
dashboard
it'll
be
a
lot
of
the
same
functionality.
I
can
go
to
the
tiny
pulse.
G
I
can
go
deep
link
into
the
tiny
pulse
app.
Similarly,
I
can
deep
link
into
all
sorts
of
other
apps
as
well
and
go
right
back
into
my
dashboard.
So
this
is
a
great
place
to
put
all
the
different
types
of
various
functionality
across
teams
into
one
location
and
also
have
the
ability
to
access
quick
snippets
of
info.
G
So,
for
example,
luca's
food
cart
food
port
card.
I
can
go
and
interact
with
that
as
well,
and
you'll
see
that
I
get
this
rich
experience.
Just
like
I
did
on
the
web.
What's
kind
of
pretty
interesting
about
this
whole
setup
is
that
this
is
actually
being
rendered
using
react,
native
and
so
you're
able
to
actually
extend
the
team's
app
natively
using
the
same
javascript
code
that
you're
writing
currently
with
adaptive
card
extensions
on
the
web
and
so
as
a
developer.
F
F
F
F
We
are
still
discussing
if
they
are
showing
in
modern
pages,
just
as
part
of
the
dashboard
experience
in
modern
pages
or
and
when
I
say
dashboard
experience
in
modern
pages.
Basically,
we
are
creating
a
new
web
part
called
dashboard
that
will
surface
the
entire
dashboard
that
you
can
put
inside
pages,
but
we
are
also
considering
to
put
the
card
as
isolated
components
together
with
web
parts
inside
pages
as
well
again,
the
decision
has
not
been
finalized
yet,
but
it's
something
that
we
are
actively
considering.
F
The
adaptive
card.
Extensions
can
be
used
or
are
used
so
that
you
can
build
experiences
like
cards
and
quickview
as
part
of
the
dashboard,
and
it's
just
another
sharepoint
framework
component,
which
means
that
all
the
goodness
and
all
the
capabilities
that
sharepoint
framework
provides
will
be
available
here.
F
There
is
also
an
interesting
thing
to
mention
here
so,
as
john
said
during
the
demo,
because
the
card
it
is
using
native
rendering
in
devices
and
experiences
that
supports,
for
example,
the
mobile
experience,
we
had
to
speak
and
select
the
framework
so
that
we
can
basically
transition
from
web
view
to
red
through
native
rendering,
depending
on
the
case.
So
for
that.
For
that
reason
we
basically
created
kind
of
a
separation
between
data
and
ux.
F
So
for
the
ux
you
we
will
use
adaptive
card
for
the
quick
view
and
for
the
card
itself.
We
still
use
adaptive
card
under
the
cover
to
build
the
car
to
build
the
card
experience,
but
the
card
experience
would
not
be
something
that
the
developer
can
change
in
terms
of
ux
and
basically,
what
I
mean
by
that
is
that
I'll
talk
about
it
in
a
second,
we
will
be
able
to
have
provide
some
kind
of
templating
that
the
developer
can
use
to
instructed
the
framework
on
how
to
build
that
card
at
runtime.
F
So,
as
I
said
before,
you
have
the
ability
to
have
dynamic
title
and
icon.
You
have
the
ability
to
have
the
descriptions
you
have
the
ability
to
have
buttons
that
can
be
static
or
dynamic,
which
means
that
you
can
basically
change
the
button
at
runtime.
You
can
consume
data
and
surface
this
data
at
the
bottom
of
runtime.
F
So
let's
talk
about
the
card
anatomy,
where
you
create
a
card
you
can.
You
have
the
ability
to
have
views
which
describe
the
content
of
the
card
or
a
quick
view
state,
and
you
can
have
different
views
for
at
the
beginning.
We
will
have
three
different
kind
of
views,
but
you
can
have
more
later
and
depending
on
the
view,
you
will
be
able
to
have
different
kind
of
attributes
available
at
runtime
error
code.
So,
for
example,
you
can
have
an
icon
property.
The
icon
property
is
available
everywhere.
F
Those
are
some
of
the
examples
of
the
previews
and
the
card
templates
that
are
available
out
of
the
box.
As
I
said,
this
is
the
beginning.
By
the
time
we
launch
we
will,
I
don't
know
if
we
will
have
more
or
less,
but
for
sure,
by
the
time
that
viva
connections
in
the
dashboard
evolves.
We
are
planning
to
have
more
kind
of
templates
and
views
that
you
can
use
to
build
your
solutions
for
vivo
connection,
dashboard
and
demo
time.
John,
do
you
want
to
show
us
how
to
build
that?
G
Go
yeah
all
right,
so
just
get
started,
it's
just
like
using
spfx
to
create
web
parts
or
other
extensions.
If
we
I'm
kind
of
covered,
so
you
have
to
install
the
microsoft
sharepoint
generator
and
then
all
you
have
to
do
is
run
yo
at
microsoft,
sharepoint
run
with
plus
beta.
These
are
currently
data.
G
G
Here,
select
the
extra
card
extension
and,
like
luca,
had
demonstrated.
We
have
three
current
templates
that
you
can
use
for
the
card
view.
We
may
expend
expand
to
more
and
you
go
ahead
and
select
them
from
here
to
have
them
scaffold
it
automatically
for
you.
So
basic
image
and
primary
I'll
select
primary
the
name.
This
will
scaffold,
it'll,
go
and
install
all
the
various
packages,
I'll
kind
of
skip
this
for.
G
So
this
is
what
a
the
anatomy
of
adaption
card
extension
it'll
look
really
familiar
to
web
parts.
We
have
our
adaptive
card
extension
class
here,
different
props
and
states.
These
are
a
couple
new
things
that
allow
us
to
be
able
to
ensure
that
the
right
types
are
enforced
throughout
the
card
in
the
quickview
there's
a
couple
things
that
are
interesting
here
to
note.
G
We
have
this
notion
of
a
card
navigator
and
a
quickie
navigator
I'll
expand
on
this
a
little
bit
later
in
the
advanced
demo,
but
this
allows
us
to
manage
the
different
views
that
you
have
between
the
cards,
so
you
can
have
multiple
card
views
that
you
kind
of
switch
between
then
navigate
through
as
a
stack.
You
can
also
have
multiple,
quick
views
as
well.
G
G
G
One
thing
to
to
note
if
you're
familiar
with
the
sharepoint
framework
is
that
adaptive
card
extensions
will
not
work
with
the
local
workbench.
We're
sort
of
moving
away
from
that,
and
so
on.
The
support
for
being
able
to
use
gulp
serve
will
only
work
within
sharepoint,
either
on
a
page
using
the
debug
portion
parameter
or
within
the
hosting
workbench.
G
We
also
by
default
scaffold
into
a
new
group
called
dashboard.
This
will
be
over
all
the
different
time.
Cards
will
be
on
the
workbench
hello
world,
and
here
is
my
adapter
card
extension,
so
you
won't
be
able
to
interact
with
it
while
you're
in
edit
mode,
so
we'll
have
to
switch
to
preview
and
when
in
preview,
then
we
can
go
ahead
and
interact
with
the
card.
G
So
this
is
what,
by
default,
we
scaffold
for
the
the
basic
primary
text
card
view
and
so
we'll
have
some
default
properties
here
being
able
to
change
the
code
icon
out.
Currently,
we
support
only
image
urls
for
the
card
icon,
but
later
on
in
the
beta,
we'll
be
able
to
we'll
be
changing
this
up
to
being
able
to
select
fluid
icons
that
will
render
natively
and
be
deemable.
F
Okay,
cool
thanks
john,
so
one
thing
to
mention
here
in
terms
of
availability,
as
we
said
before,
and
as
vasa
mentioned
it
you
sign
for
the
private
data
program
and
you
will
be
able
to
get
access
to
internal
version
of
113
where
this
is
available.
However,
we
are
also
working
to
release
113
beta
as
part
of
the
new
way
that
we
are
now
taking
for
releasing
a
public
version
of
three
point
framework
where
we
will
release
a
better
version.
F
First,
then
we
will
release
a
release
candidate
and
then
a
final
release
and
in
the
beta
version
once
that
has
been
released.
The
idea
is
that
you
will
be
able
to
access
the
bits
for
adaptive
card
extensions
from
there,
just
like
john
mentioned
before,
because
we
also
need
to
do
some
work
on
your
tenancy.
One
of
the
things
that
you
we
are
working
is
to
be
able
to
enable
car
development
in
the
workbench
so
that,
when
113-beta
will
be
available
publicly,
you
will
be
able
to
do
what
john
did.
G
Yep
yeah,
so
we
had
a
more
advanced
demo
prepared,
but
we're
running
a
bit
short
on
time,
so
real
quick.
What
I
do
want
to
to
cover
is:
will
you
end
up
getting
once
you
sign
up
with
the
the
private
data
and
being
able
to
actually
get
access
to
the
github,
so
once
you
have
registered
for
the
the
private
beta
and
you
can
add
it
to
github
you'll
be
able
to
have
access
to
the
the
github
where
we'll
be
tracking
all
the
issues.
G
C
A
A
These
native
mobile
experiences
for
viva
connections
leveraging
your
existing
spfx
knowledge,
really
powerful
story
to
tell
there
and
excited
to
get
that
into
everybody's
hands,
so
check
that
private
preview
out-
and
I
want
to
again
thank
luca
pat
and
john
for
coming
on
the
call
today
and
doing
the
great
demo
and
thank
you
to
all
of
you
for
joining
us
on
the
call.
Today
the
recording
will
be
available
in
about
24
hours
on
our
youtube
channel.
You
can
follow
us
on
twitter,
m365,
pnp
or
at
microsoft.
365
dev,
consistency
is
key.
A
The
community
calls
just
to
make
it
a
little
bit
easier
for
folks
to
track
what
is
coming
up
and
make
sure
they
don't
miss
anything.
So
thank
you
all
for
joining
us
today.
Thank
you
again
to
luca
pat
and
john
for
the
great
demos,
and
thank
you
to
all
of
you
for
being
with
us
here
in
the
call
have
a
great
rest
of
your
week.
Talk
soon
bye,
bye,.