►
Description
Viva Connections & SharePoint community call on November 18. Demos on SPFx Extension for Copying and Moving List Items, Viva Connections – Adaptive Card Showcase Gallery, and Application Secrets Expiration Web Part. New guidance - Implementing partner offerings for Viva Connections with ACEs and custom APIs. PnP project releases in the last two weeks - PnPjs Client-Side Libraries v2.11 GA and CLI for Microsoft 365 v4.2.0 Preview. Delivered as well - 1 web part and 2 ACE samples! Outstanding! The host of this call is David Warner II (Catapult Systems) @DavidWarnerII. Q&A takes place as always 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
A
So
we
look
forward
to
that
and
then
we'll
get
into
the
the
showtime
stars
sued
harrison,
derek
cash,
peterson
and
amory
will
cover
a
number
of
items
for
us,
the
first
being
spfx
extension
for
copying
and
moving
list
items,
we're
going
to
see
an
adaptive
card,
showcase
gallery
via
viva
connections
with
derrick
and
an
application
secrets
expiration
web
part
with
amy.
So
we
look
forward
to
that.
Let's
talk
a
little
bit
about
the
opportunities
to
participate
in
pnp
and
this
special
interest
group
call.
A
We
have
a
number
of
demo
opportunities
and
we
welcome
everyone
who
would
like
to
show
off
some
of
the
samples
that
they've
created
to
share
that
with
the
community
via
demos.
On
this
call
it
could
be
a
web
part
application,
customizer
provisioning,
anything
you've
created.
It
could
be
something
you
learned
that
you
wanted
to
share
with
the
community
we're
open
and
we
actually
have
a
demo
spot
request,
url
that
you
can
fill
out
and
we
will
get
back
to
you,
so
it
makes
it
easy
for
you
to
be
able
to
join.
A
Additionally,
we
have
a
number
of
opportunities
to
contribute
on
github.
Now,
contributions
can
come
in
many
forms.
This
could
be
reporting
issues,
submitting
poll
requests,
helping
with
issues
and
questions
and
we'll
talk
about
how,
if
that's
new
to
you,
how
you
can
get
help
in
learning.
All
of
that
and,
of
course
we
invite
you
to
provide
feedback.
A
Are
there
things
that
you
would
like
to
see
changed
improved
added
to?
We
invite
all
feedback,
whether
it
be
positive
or
constructive,
but
we
do
want
it
to
stay
happy.
So
please
provide
that
feedback
and
we'd
love
to
to
learn
more
from
you
all
right
now.
What
are
some
of
the
assets
and
resources
that
are
available
to
you
in
our
community?
A
The
first
two
columns
here
are
our
community
and
developer
videos
you
can
get
to
them
all,
including
calls
like
this
and
demos
created
by
microsoft
and
those
in
the
community
all
recorded
available
for
you
to
watch
on
demand
anytime.
You
want,
via
those
two
urls.
We
also
have
a
number
of
open
source
initiatives
via
the
github
sites
of
sharepoint
pnp
office,
dev,
microsoft,
graph
and
more.
You
can
visit
all
those
to
learn
more
about
those
resources
and
how
you
can
contribute
and
utilize
them.
A
And,
of
course,
as
we
mentioned,
if
you're
creating
samples,
we
would
love
to
see
them
in
our
sample
galleries.
We
have
a
plethora
of
sample
galleries,
spanning
from
teams
to
power
platform,
spfx
web
parts
and
extensions
list,
formatting
aces,
which
you're
going
to
see
some
samples
of
today,
but
you
don't
need
to
remember
all
those
urls,
only
one
aka
dot,
ms
forward
slash
m365
pnp.
A
Now,
as
we
talk
about
additional
community
calls,
the
newest
call
is
the
tuesday
microsoft
platform
call
now.
This
is
an
incredible
opportunity,
because
all
of
the
demos
in
this
are
coming
directly
from
microsoft,
all
available
for
you
to
learn
directly
from
those
that
are
making
the
magic
happen
within
microsoft.
A
So,
if
you
don't
already
have
this
on
your
calendar,
you
can
go
to
the
link
on
the
screen
there,
aka
ms4,
m365,
dev
dash
call
and
next
week,
you're
going
to
see
an
introduction
to
sharepoint,
on-premise,
microsoft,
graph,
connector,
pretty
cool
and
a
third
part
in
a
series
with
waldek
and
vesa
around
extending
db
connections
with
application
customizers.
So
if
you
haven't
already
seen
the
first
two
parts
they
are
available
via
recording,
go
watch
them
and
you'll
be
prepped
for
this
third
part
in
the
series
exciting,
exciting
stuff.
A
Now,
if
you
would
like
to
get
involved,
but
there's
been
some,
I
don't
know
hurdles
or
a
little
fear
for
you.
We
invite
you
to
come.
Take
advantage
of
the
sharing
is
caring
initiative.
Now
this
is
an
initiative
that
provides
hands-on
guidance
in
a
safe
space
opportunity
for
you
to
learn
how
to
do
things
like
create
your
first
pull
request,
or
maybe
you
do
want
to
contribute
by
providing
a
demo
on
these
calls,
but
you're
not
quite
presented
enough
to
feel
confident.
We
got
your
back.
A
These
sessions
are
again
live
hands-on,
safe
space,
they're,
not
recorded,
so
you
can
feel
safe
and
confident
that
you
come
with
any
questions
you
want
and
they
are
presented
by
members
of
the
community
as
well
as
members
of
the
patterns
and
practices,
and
we're
going
to
walk
you
through
how
to
do
all
of
it.
Many
are
hands
on
so
we
are
working
on
a
viva
connections,
adaptive
card
extension,
multi-part
series
and
that's
coming
soon
we're
working
on
that
right.
Now,
it's
gonna
be
a
lot
of
fun
and
we
also
have
the
ever
popular
amas.
A
We
are
actually
going
to
start
recording
a
portion
of
those
just
the
beginning
where
the
the
maintainers
and
guest
hosts
are
going
to
be
talking
about
some
of
the
new
features
that
are
available
so
that
way
everyone
can
contribute
and
take
advantage
of
those,
and
then
we'll
have
open
forum-
that's
not
recorded
afterwards,
so
you
can
still
come
and
know
that
you
can
confidently
ask
those
questions.
Aka.Ms
ford,
slash
sharing
is
caring.
A
Of
course
we
want
to
celebrate
all
the
amazing
work
that
you
do
in
the
community,
and
so
therein
lies
our
newest
recognition
program.
Now
this
is
a
program
that
is
powered
by
credley.
You
may
say:
is
that
the
same
credly
that
gave
me
my
badge
for
my
certification
for
microsoft?
Absolutely
it
is
formal,
it
is
official.
A
It
is
available
to
you
at
no
cost.
We
cover
the
cost
to
get
you,
those
badges
we've
got
a
number
of
them
in
the
pipeline.
Some
are
going
to
be
going
out
again
this
week
and
more
to
those
that
have
registered
there's
going
to
be
the
independent
publisher
connectors.
We
just
created
a
script
samples
we're
working
on
an
spfx.
A
Hacktoberfest
is
still
going
out
for
those
that
contribute
in
october
again
absolutely
free.
You
can
tie
it
to
your
linkedin
profile.
You
can
put
it
on
your
website.
Share
it
on
twitter
super
powerful.
It
is
a
great
way
they
sit
right
alongside
all
of
your
microsoft,
certification,
badges
and
we
formally
and
officially
recognize
the
work
you're
doing
and
want
you
to
keep
it
up.
Our
way
of
saying,
thank
you.
So
please
don't
hesitate
to
register
ak
dot.
Ms
forward
slash
m365
pnp
hyphen
recognition.
B
B
Well,
it
is
a
code
sample
documentation
and
four
different
videos
which
are
explaining
how
to
implement
the
azure
ad
secured
web
api
and
how
to
then
call
that
in
a
secret
way
from
the
river
connection
adaptive
card
and
also
how
to
do
this
in
a
multi-tenant
way.
So,
basically,
if
you're,
building
a
sas
partner
offering
for
vivo
connection,
this
would
be
the
way
to
do
that.
B
You
would
also
take
advantage
of
the
multi-dimension
registration
option
if
you
would,
for
example,
have
multiple
tenants
which
you
want
to
call
the
same
api
which
is
secured
in
azure
id.
Obviously,
the
guidance
actually
also
applies.
If
you
can
adapt
the
guidance,
if
you
use
a
single
tenant
registration
in
azure
80
for
the
application
or
the
web
api
which
is
secured
securely,
hosted
there,
but
check
it
out
really
good
guidance
and
now
available
with
a
sample
code.
We
will
cover
this
one
by
the
way
in
one
of
the
upcoming
platform
calls
in
tuesday.
B
B
But
just
out
of
curiosity
is
showing
you
where
we
are.
We
do
not
show
exact
numbers,
but
I
can
well.
This
is
basically
the
daily
users
who
are
using
custom,
third-party
sharepoint,
favorite
components
in
microsoft,
365
and
we're
hitting
tens
of
millions
monthly,
active
users.
In
this
section
I
can't
go
to
exact
number
details
because
we
haven't
shared
those
publicly,
but
we
are
in
millions
and
millions
and
millions
of
daily
active
users
for
this
and
all-time
record
by
the
way
and
what's
happening
this
week
on
tuesday.
B
Now
we
can
pretty
much
expect
now
that
thanksgiving
is
coming
next
week
and
we
will
see
a
small
dip
right
now.
Then
it
goes
slightly
up
just
before
christmas,
and
then
it
goes
again
down
for
the
holiday
season
and
then
it
goes
again
back
on
the
normal
growth
level.
In
january,
it's
a
relatively
normal
annual,
let's
say
movement,
but
let's
go
to
the
following
site:
another
massive
amount
of
movements
on
the
roadmap
site.
We
will
release
the
1.13
1.1
version
relatively
soon.
B
That's
going
to
address
some
of
the
dialogue
issues
which
we
had
in
1.13.
Nothing
critical,
but-
and
there
was
some
if
you're,
using
a
dialogue,
components
and
you
might
actually
run
into
a
certain
issue
and
that's
going
to
be
at
rest
in
1.13.1
and
1.14
data
is
coming
relatively
soon
as
well
and
there's
a
lot
of
cool
stuff
available
there.
I
will
share
the
dates
and
updates
immediately
when
we
have
all
of
that
looked
for
future,
but
that's
it
for
my
site.
Let's
move
forward.
C
Hey,
thank
you
so
earlier
this
week
on
monday,
we
we
pushed
out
our
timeline
for
the
2.1
release,
so
that
happened
monday.
Instead
of
last
friday,
there
was
a
fix
for
the
set
stream
content
chunked.
We
had
made
some
major
fixes
for
that
in
the
v3
code
base.
So
we
pushed
those
into
the
v2
code
base.
The
I
common
info
was
fixed
so
that
it's
now
a
partial
to
fix
some
issues
with
adding
comments.
C
We
added
a
primary
channel
call
for
creating
a
primary
channel
on
a
team
to
the
graph
endpoint
and
jake
stanger
updated
the
documentation
for
creating
your
own
custom
bundle
so
that
all
happened
in
the
version
2.1
release
version
three
is
just
moving
along
like
gangbusters.
We
did
an
ask
me
anything
earlier
this
week
on
tuesday
that
went
really
well,
and
I
think
everybody
was
pretty
excited
about
what
patrick
did
a
lot
of
demoing
of
some
of
the
v3
code
and
what
had
changed
there
and
that
seemed
to
go
over
pretty
well.
C
People
were
pretty
interesting
interested
excuse
me.
We
are
really
close.
We
have
15
tests
that
are
left
not
passing,
and
they
are
very
isolated
to
certain
chunks
of
the
code.
There's
issues
with
setting
column
defaults,
which
is
one
of
those
areas
that
is
a
reverse
engineered
section
of
our
code
base.
So
some
things
left
there,
but
in
general
the
whole
library
is
working
and
we
are
still
doing
those
nightly
builds.
So
please
check
out
issue
1636,
it's
pinned
to
the
top
of
our
issues
list.
C
So
you
can
check
that
out
and
if
you're
watching
our
twitter
feed,
which
is
m365pmpjs
you'll,
see
that
someone
who
joined
the
ask
me
anything
has
already
tried
converting
one
of
his
projects
and
said
it
went
really
well,
and
everything
was
working
great.
So
that
was
exciting
to
see
somebody
try
and
yes,
jim
duncan
nightly.
We
are
doing
a
nightly
build.
So
if
there's
prs
that
get
merged
in
that
night,
there
will
be
a
new
build,
so
that
is
updating
continuously,
and
so
that
is
all
I
have
for
today.
A
Awesome,
thank
you.
Julie,
moving
into
cli
for
microsoft,
365.,
there's
a
new
preview
available
with
4.2
spfx
doctor
supporting
spfx
1.13.
This
is
one
of
those
magical
features,
a
number
of
other
settings
here
that
and
features
that
we
see
are
available
with
your
preview.
You
can
install
that
npm
install
using
at
next,
and
you
can
always
see
all
the
release
notes
at
pnp
github.cio
at
cli,
dash,
microsoft,
365,
take
a
look
at
that.
A
A
We
always
appreciate
all
of
the
contributions
from
everyone
and
invite
you
to
always
reach
out.
If
you'd
like
to
contribute
yourself,
you
can
learn
more
about
these
controls
at
the
links
in
your
chat,
as
well
as
the
links
there
on
the
screen.
Moving
into
modern
search,
I
see
mikhail
on
the
call.
Did
you
want
to
cover
that.
D
D
A
A
D
A
And
frank
corner:
awesome
thanks
mikael,
so
definitely
lots
of
pnp
search
love,
take
advantage
of
those
opportunities,
they're
a
great
way
to
learn
and
get
access
to
the
men
behind
the
scenes
and
the
men
and
women
that
are
doing
all
that
work.
Let's
move
into
the
pnp
spf
x,
samples
and
we'll
hand
it
over
to
hugo.
E
E
E
It's
spfx113,
so
a
lot
of
our
samples
are
now
becoming
are
being
updated
to
the
latest
version
of
spfx,
which
is
very
exciting.
We
also
have
a
couple
new
things
that
I
wanted
to
talk
about.
The
first
thing
is
we
know
that
the
repository
is
gigantic
and
for
you
to
clone
the
entire
repository
is
somewhat
painful.
If
all
you
want
is
a
very
tiny
little
sample.
So
we
are
starting
to
add
the
feature
where,
in
the
sample
itself,
there's
a
link
for
you
to
download
that
solution.
E
As
a
zip
file,
so
you
don't
have
to
clone
the
entire
repository
you
can
just
download
the
solution,
and
the
other
thing
that
we've
started
to
do
is
all
these
cool
sample
of
demos
that
you're
doing
we're
going
to
tie
them
back
into
the
the
sample
readme,
so
you'll
be
able
to
actually
follow
along
at
home.
As
you
watch
the
video
and
one
last
thing
I
wanted
to
point
out,
I
just
wanted
to
reiterate
that
with
all
the
pnp
repositories,
you
know
keep
in
mind
that
people
who
are
helping
maintain
these
repositories
are
volunteers.
E
I
know
I
work
for
microsoft,
but
this
work
is
volunteer
work
for
me.
So
please
be
kind.
Please
be
courteous
and
just
understand
that
if
your
pull
requests
don't
get
processed
immediately,
the
second
you
hit
submit
you
know
people
have
everyday
jobs.
We
are
super
excited
to
see
your
contributions.
We
we
look
forward
to
processing
your
pull
request,
but
please
be
patient
with
everyone.
Thank
you,
everyone
for
contributing.
I
look
forward
to
seeing
more
examples
from
you
back
to
you,
david.
A
We
have
a
new
one
from
arjit
on
hybrid
work,
employee
check-in,
awesome,
awesome,
take
advantage
of
that
go
check,
it
out
is
available
for
download,
and
the
upcoming
events
has
been
updated
by
jake,
with
a
little
information
and
improvement
in
the
code
again
open
for
more
contributions.
We
are
getting
moving
on
our
viva
connections.
Aces
session
for
sharing
is
caring,
so
that,
like
I
said,
is
going
to
be
a
multi-part
series
to
make
sure
that
you
can
take
full
advantage,
so
we're
not
trying
to
shove
too
much
in
one
hour
at
a
time.
A
B
Yes,
yes,
one
second
camera
on,
I
will
share
my
screen
and
we'll
capture
again,
a
group
photo
50.
51St
people
who
have
camera
on
will
get
the
photo.
You
should
be
seeing
my
screen
right.
Yes,
let's
wait
one
more
minute.
We
can
see
a
few
ghosts
in
the
back
row
and
the
second
background.
Oh
there
we
go
now
that
was
not
a
ghost.
So
let's
wait
three
more
a
few
more
seconds,
20
seconds,
we'll
fill
in
the
the
spots.
I
can
see
some
youngsters
as
well
on
the
second
row.
B
This
is
really
cool
and
let
me
enable
the
camera:
if
I'll
get
there,
I
think
we
are
hitting
the
maximum.
So
let's
do
some
hand
faving
everybody
thanks
everybody
for
joining
awesome
to
see
again
this
many
people
joining
on
this
course
and
really
really
cool
to
see
you
live.
This
is
really
really
cool
thanks.
Everybody
cheers
we're
going
to
capture
a
keyframe.
Imagine
that
as
well.
Thank
you.
A
A
F
Thank
you
david.
Let
me
share
my
screen.
Hi
everyone.
My
name
is
microsoft,
mvp
working
as
a
software
architect
at
ntt-
and
these
are
my
couple
of
my
social
links
and
my
youtube
channel.
You
can
follow
me
here
so
today
we
are
going
to
see
a
extension
which
is
called
a
copy
or
move
items
where
this
extension
will
help
to
copy
more
items
between
the
list
which
is
not
available
by
out
of
the
box.
F
So
I
have
just
made
a
sample
extension
of
this
and
I
have
also
uploaded
this
package
in
microsoft
app
store,
so
whoever
wants
to
try
it
out.
They
can
directly
download
it
from
the
app
store
so
a
couple
of
features,
so
this
extension
will
work
only
within
the
site
as
well.
This
is
the
first
version.
It
works
only
within
the
site,
cross,
site
copy
or
list
items
is
not
supported
and
automatic
mapping
of
fields.
F
F
F
F
So,
as
you
can
see,
I
have
already
installed
the
extension.
Sorry
about
the
name.
It's
called
items
replicator,
so
this
extension
will
work
where
you
can
copy
all
the
items
in
the
list
or
you
can
also
select
a
particular
list
items
and
then
you
can
copy
it.
So
I
have
already
created
a
sample
list,
which
is
the
duplicate
of
this
list,
which
is
called
the
customer
list
test,
and
this
is
customer
list.
F
F
F
F
So
here
the
items
are
copied,
so
all
the
values
everything
is
copied
here
mo
is
pretty
much
same
on
the
back
end.
I
am
just
copying
the
item
from
the
source
to
the
destination
and
then
I
am
just
deleting
the
items
so
in
case.
If
you
want
to
restore
the
items
the
items
are
available
in
the
recycle
bin
so
that
you
can
restore
it
to
the
source
list.
F
So
moving
on
to
the
code,
so
just
a
couple
of
information
first
thing
is
on
execute
method.
I'm
just
passing
a
couple
of
information
like
list
site,
site
information
and
the
number
of
fields,
and
if
the
items
are
selected,
I
am
just
sending
the
item.
Ids
selected
item
ids
and
here
I
have
used
the
app
base
club
creating
a
dialog
class.
F
F
A
Awesome
sudarsan.
Thank
you
very,
very
much
that
is
very
well
received.
Some
some
applause
and
thumbs
up
well
thought
out
on
the
on
the
double
usage
there.
So
thank
you
for
sharing
that
and
again
it
is
available
in
the
app
source,
as
well
as
the
repository
for
the
spf
x
extension,
so
multiple
ways
to
take
advantage
of
that.
Thank
you
for
putting
it
in
both
locations.
A
G
All
right,
thanks
david,
so
the
couple
of
things
that
I
want
to
show
on
the
slide.
First.
So,
as
david
said,
I'm
going
to
show
an
adaptive
card
showcase
gallery
that
I
created
I'm
derek
cash
peterson.
I
work
at
some
praxis,
consulting
I've,
just
newly
joined
the
pnp
team,
and
I
help
david
curate,
the
the
samples
for
the
for
the
aces
repo,
as
well
as
do
some
of
the
code
maintenance
on
learning
pathways.
G
So
I
wanted
to
talk
a
little
bit
about
what
I
built
and
why
I
did
it
so
first.
I
wanted
to
really
use
this
as
an
opportunity
to
show
the
art
of
the
possible
with
aces
from
a
visual
perspective,
and
so
I
focused
on
the
adaptive
card
layouts
over
functionality.
So
it's
really.
It's
really
focused
on
the
templates
and
being
able
to
quickly
and
easily
show
someone
who's,
maybe
not
so
technical.
G
What
you
can
do
with
aces
and
then
go
on
the
back
end
and
sort
of
build
it
out
later
and
it's
available
in
the
repo
with
an
sppkg
file.
So
you
don't
need
to
build
anything.
You
can
just
download
the
file
and
then
upload
it
to
the
gallery
to
the
to
the
app
catalog.
So
all
the
data
that
you're
going
to
see
in
here
right
now
it
stands
alone
and
they're
all
json
based
data
structures.
G
So
you
know,
there's
no,
there's
no
back
end
connection
to
sharepoint,
there's
no
back-end
connection
to
list,
but
you
can
certainly
add
that
there's
a
there's,
a
services
layer
that
helps
you
do
that
and
finally,
rather
than
reinvent
the
wheel
from
a
ui
perspective,
I
went
ahead
and
I
used
the
adaptive
card
samples
gallery
as
my
starting
spot.
I
took
some
liberties
and
sort
of
made
them
a
little
more
sharepointy
or
added
some
different
navigation
elements,
but
I
really
used
that,
as
my
my
core
nugget
to
start
with.
G
Okay,
so
what's
included
in
the
in
the
adaptive
card,
extensions,
there's,
11
different
adaptive
card
extensions
and
they're
each
it's
packaged
as
one
big
bundle
but
they're
all
standalone.
All
the
code
for
them
is
standalone.
So
I
created
an
agenda
extension,
a
company
news,
an
expense
report,
flight
itinerary,
a
sample
for
forms,
an
image,
rotator
stock,
ticker
list
of
tasks
that
you
can
edit
with
a
twitter
card,
a
video
card
and
a
weather
card
and
sort
of
each
of
these
show
different
elements,
and
I
tried
to
really
focus
and
use
different
components.
G
So
summer
picture
some
are
text.
Some
are
just
you
know
the
the
basic
card,
so
I
really
wanted
to
show
a
broad
spectrum
of
the
different
ones
that
are
out
there.
Okay,
so
what
I'm
going
to
show
you
today
is
I'm
going
to
try
to
focus
on
the
video
card
as
well
as
really
look
at
what
the
different
components
are
and
how
I
got
there
all
right.
So
enough
of
that.
G
So
so
this
is
my.
This
is
my
dev
tenant,
and
this
is,
if
you
can
see
over
here,
on
the
right
hand,
side.
This
is
the
dashboard
and
I
put
all
11
of
them.
In
the
right
hand,
rail,
I
wouldn't
normally
put
all
of
them
there,
but
I
wanted
to
just
sort
of
show
the
breath
so
there's
the
company
news,
which
you
can
click
on,
and
it
shows
different
news
items
with
the
with
an
image
and
a
short
description.
G
You
can
loop
through
different
ones,
and
I
I
took
some
liberties
from
patrick
rogers
code
from
the
demo.
He
did
a
few
weeks
ago
to
like
and
unlike
different
different
news
articles
as
well
as
provide
a
link
to
the
full
article,
proud
of
the
ability
to
sort
of
view,
different
tasks
and
provide
different
updates
on
that.
G
G
I'm
not
going
to
go
through.
All
of
these.
The
I
did
want
to
one
of
the
things
that
challenged
me
was
dealing
with
form
elements,
so
I
wanted
to
provide
a
generic
sample
of
how
to
deal
with
different
form
elements.
So
here's
a
sample
for
this
with
a
bunch
of
text
boxes,
a
multi-line
text
box,
some
numbers
a
date,
a
date
picker
a
time
picker
as
well
as
some
input
input
fields,
we've
got
a
drop
down.
G
G
Everybody
loves
stock,
tickers
and
and
weather
web
parts.
So
we've
got
the
microsoft
stock
ticker
as
well
as
the
weather
web
part
or
sorry,
I
keep
saying
the
web
part.
We've
got
the
weather
widget
that
will
show
the
different
weather
in
the
different
cities
that
you
let
you
go
there
and
then.
Finally,
the
one
I'm
going
to
look
at
today
is
the
is
the
videos
I
call
this
one
product
highlights.
G
So
you
can
rotate
through
the
different
videos
in
here
and
then
play
the
video
oops
play
the
video
right
there
in
line
inside
the
ace-
and
you
know
I
you
could
use
this
for
product
imagery.
You
know
product
videos.
You
could
also
use
this
for
learning.
So
if
you
had
a
video
like
a
training
video,
you
could
do
that
as
well,
but
it
really,
you
know,
provides
sort
of
this
rotating
ability,
but
also
the
ability
to
show
video
right
there
in
the
screen.
G
So
I
wanted
to
spend
a
few
minutes
and
show
the
how
sort
of
how
I
got
from
point
a
to
point
b.
I
know
we've
talked
a
lot
about
aces
in
the
last
few
weeks
but,
like
I
said,
I
used
the
samples
gallery,
adaptivecards.io
samples
and
you
can
see,
there's
a
huge
number
of
samples
in
here.
So
there's
calendar
reminders
there's
flight
itineraries,
and
some
of
these
are
where
I
got
my
inspiration.
G
G
G
G
G
I
am
setting
the
collection
of
videos
and
the
current
index
into
the
state,
so
I
want
it
to
start
with
the
first
one.
If
you
wanted
it
to
be
random,
you
could
just
get
a
random
number
from
the
index
of
the
videos
and
then
set
it
here
and
then
I
have
to.
I
have
to
register
the
two
cards,
the
first
being
the
card
right
here
and
the
second
being
the
the
quick
view.
F
G
G
The
other
thing
that
I'm
setting
is
the
what
happens
when
you
click
on
it,
and
that's
here
that's
set
here
and
you
do
that
by
specif.
So
in
this
instance,
I'm
going
to
the
quick
view,
so
we
have
to
use
type
of
quick
view
and
set
the
parameters
of
the
registry
id
that
we're
passing
it
to.
So
I'm
setting
that.
So
when
you
click
on
the
on
the
card
view,
it
opens
the
quick
view.
The
quick
view
which
I'll
move
over
here.
G
So
the
data
object
here
is
just
the
video,
so
it's
the
video
object
that
I
created
in
the
data
model
and
so
we're
passing
that
so
the
first
thing
we
do
when
we
get
the
data
is
get
get
it
out
of
the
array
from
the
state,
so
we're
getting
this
dot
state.video
and
we're
getting
the
current
index
and
then
we're
passing
in
the
entire
video
object,
we're
getting
the
template
and
I'll
show
you
the
template,
and
so
again
I
started
this
the
exact
same
way.
I
just
showed
you.
G
One
thing
I
did
sort
of
run
into
is
that
the
way
the
the
adaptive
card
designer
works,
it
has
different
functions
for
date,
time,
formatting
and
stuff
like
that.
Those
didn't
work,
so
I
ended
up
doing
all
my
date
time
formatting,
when
I
did
like
news
and
stuff
like
that
in
in
my
quickview.ts
file
and
then
just
pass
it
in
as
a
string.
G
So
you
can
see
here.
I
I
set
up
the
the
arrows,
so
in
this
first
row
I've
got
the
column
set
that
has
three
columns
in
it.
I've
got
the
image
type
with
the
the
svg
for
the
previous
button,
and
then
I
have
to
tell
it
what
to
do
when
you
click
on
it.
So
I'm
using
a
select
action
and
it's
of
type
action.submit.
So
it's
a
submit,
you
know
you're
clicking
on
it
and
then
I'm
giving
it
an
id
of
previous
and
a
title
of
previous.
So
this
is
what's
going
to
happen.
G
F
G
Right
here
and
then
I
also
want
to
put
in
the
source
for
the
media,
so
it's
got
the
thumbnail
url,
but
it
also
needs
the
video
url.
So
we
give
it
the
mime
type.
This
is
using
an
mp4
and
then
we
pass
in
the
url,
it's
all
in
the
video
object
that
gets
passed
into
the
template,
and
then
we
pass
in
the
title
and
the
description
and
then
finally,
another
action
set.
So
this
is
another
button.
G
This
time
we're
going
to
do
open
url,
so
you
can
see
action
open,
url
and
this
will
open
the
link
to
see
more
to
a
different
asset
and
then
finally,
we
want
the
next
button,
and
so
the
next
button
is
over
here.
This
has
an
svg
for
the
right,
the
right
chevron
and
the
action
submit
here
is
next,
and
these
are
important.
G
These
action
submits
are
important,
because
when
we
go
back
to
our
ts
file,
we
have
to
tell
it
what
to
do
with
them
when,
when
those
are
clicked,
we
have
one
on
action
method.
So
we
have
to
get
the
data
from
the
submit
itself
and
that's
our
action
right
here
and
then
we
need
to
figure
out
what
what
type
of
action
it
is,
and
so
it's
a
submit.
There's
open,
url
action
as
well.
G
G
G
So
that's
what
this
logic
does
right
right
here
and
then
we're
setting
the
id
on
the
state
and
when
the
state
changes
the
the
layout
will
re-render
so
we're
doing
that
for
forward
and
we're
doing
that
for
next
and
honestly,
I
think
that
is
about
it.
And
so,
if
you
are
interested
in
downloading
this
sample,
it's
in
the
repo
all
11
of
these
come
with
it.
B
G
B
You
I
will
jump
here
and
ask
a
few
questions.
Sorry,
david
additional
context.
Don't
stop
sharing,
and
I
want
to
ask
few
things.
So
there
was
a
good
question
actually
from
jim
duncan
related
on.
Do
we
have
a
managed
metadata
picker
for
the
controls
in
the
forms
and-
and
the
thing
is
these
are
not
really
controls
so
just
to
be
clear
on
what
we're
doing
here.
B
Sharepoint
framework
works
as
an
orchestrator
between,
but
then
the
ux
layer
is
always
rendered
by
the
adaptive
cards
and
our
deficit
card
is
just
a
it's,
basically
a
drop
down,
or
it's
a
selection
thing
or
in
the
form.
If
you
push
out
the
form
sample
eric,
so
there's
a
certain
set
of
card
controls
and
all
of
that,
but
there
is
no
managed
metadata
control
because
adaptive
card
is
not
managed
metadata
aware,
because
adapter
card
is
more
it's
it's
not
a
service
aware.
B
It's
it's
basically
a
data
type
aware,
but
of
course
we
would
be
able
to
fill
in,
for
example,
in
a
drop
down
or
in
a
radio
box
or
in
a
check
box.
These
values
from
the
managed
metadata
from
the
spfx
side.
So
we're
basically,
then
building
those
values
and
the
content
in
the
template
as
part
of
the
spfx
code,
so
just
to
kind
of
clarify
on
that
one,
because
I
think
one
of
the
things
especially
direct
this
is
absolutely
awesome
sample.
B
G
B
B
G
G
So
the
task
one-
and
I
did
I
I
pulled
this
together
for
this.
For
this
reason,
we
can
actually
manipulate
in
code.
We
can
manipulate
the
template,
so
if
you,
for
instance,
have
dynamic
data,
if
you
have
a
list
of
questions
or
a
list
of
things
that
you're
reading
out
of
sharepoint
or
you're
listing
you
know
getting
from
the
graph,
you
can
actually
get
all
that
data.
G
G
Let
me
close
this,
so
you
can
read
the
template
in
directly
and
make
it
an
object
in
your
in
your
ts
file,
and
then
you
can
manipulate
the
different
aspects
of
it.
So
in
this
instance
I
pulled
together.
I
I
I
imported
the
template
and
then
I
created
an
array
and
inside
the
array,
I'm
pushing
different
objects.
So
a
text
box
a
a
and
a
text
label
an
answer,
a
text
box
field
a
date
picker.
G
So
this
is
a
little
different,
but
if
you
could
imagine
each
one
of
these
objects
right
here,
if
we
go
up
actually
has
the
properties
that
it
would
need
if
it
was
just
if
you
just
wrote
it
out
in
the
json,
so
it's
got
an
id,
it's
got
a
value
and
it's
got
a
type,
and
so,
if
you
want
to
dynamically,
create
your
template,
you
can
absolutely
do
that
in
your
template
method
and
then
in
this
instance.
What
I
did
was
I
just
grabbed.
I
took
the
template.
G
So
if
you
could
sort
of
use
your
imagination
here
and
you
could
go
out
and
you
could
read
a
bunch
of
questions
that
have
text
boxes
or
radio
buttons
or
what
have
you
from
the
graph
or
from
a
sharepoint
list,
you
could
then
stuff
them
in
here.
If
you
want
a
different
if
you're
interested
in
a
different
sort
of
real
working
example,
julie-
and
I
built
the
covid
attestation
app-
which
we
demoed
in
this
call
a
few
months
ago-
and
that's
actually
doing
exactly
that
for
the
ace.
B
That
we
understand
how
we
built
the
content
and
a
template
dynamically
based
on
the
content.
What
we
have
because
that's
the
key
here,
the
sharepoint
framework,
is
not
responsible
of
the
ux,
it's
responsible
for
the
so-called
orchestration
between
the
data
and
the
adapted
card
ux,
because
adaptive
cards
they
need
to
be
filled
in
and
coordinated
by
some
object.
Is
it
a
bot,
or
in
this
case
it's
it's
of
course,
a
shipment
framework
component,
which
is
behind
of
the
things
working
here.
A
No,
this
is
great
we're
ahead
of
schedule
and
it
was
good
clarity
and
everything
so
fantastic
work
and
just
to
emphasize
these
are
all
free,
11,
amazing
aces.
I
mean
enough
to
just
jump
start
you
initially,
so
don't
don't
hesitate
to
take
advantage
of
them
and
again,
if
you
have
any
questions
they
are
in
the
repo.
So
you
can
post
issues
with
questions
and
we
will
be
there
to
assist
you
all
right.
Our
last
demo,
for
today,
amory
thomas,
an
application
secrets
expiration
web
part
amory.
Take
it
away.
H
H
E
H
H
H
H
F
H
H
B
Very,
very
cool
stuff,
just
to
call
out
from
a
sharepoint
engineering
side
of
the
house.
We've
been
internally
pushing
on
potentially
having
extensibility
in
the
tenant
admin
ux,
and
this
would
be
a
perfect
candidate
for
that
kind
of
a
page.
So
so
you
would
be
able
to
then
put
this
web
part
in
the
in
the
sharepoint
or
in
the
office
36510.
I
don't
mean
so
because,
of
course
that's
a
kind
of
administrative
view,
and
you
don't
want
to
expose
that
to
everybody
so,
but
really
really
cool
sure.
A
Yeah
excellent
use,
I
mean
you
could
also
use
the
obviously
the
site
collection,
app
catalogs,
to
isolate
some
of
this
stuff.
For
that
exact
purpose.
A
great
point-
that's
I
was
thinking
the
same
thing
all
right.
Let's
share
out
the
demo
slides
and
wrap
up
excellent.
All
right!
Well
again,
thank
you
all
of
our
presenters
today,
derek
sudharson
and
amri
fantastic
job,
and
thank
you
for
all
the
pnp
team
sharing
on
the
updates
for
the
initiatives
the
recording
will
be
available
within
24
hours
at
the
microsoft
community,
youtube
channel,
aka
dot.
A
Ms
forward
slash,
m365
pnp,
forward,
slash
videos:
you
can
always
follow
us
on
twitter,
at
microsoft,
365
deb
and
at
microsoft.
365
pnp,
the
next
viva
connections
and
spfx
call
will
be
two
weeks
from
today
same
bat,
time
same
bat,
channel
december,
2nd
at
7
a.m,
and
the
m365
general
call
will
be
next
week
november.
A
25Th,
yes,
for
those
in
the
states,
that
is
thanksgiving,
but
we
are
still
going
to
have
a
call
as
we
are
a
global
community,
and
this
is
going
to
be
a
fun
one
by
the
way,
because
we're
going
to
try
to
have
a
community-wide
pull
request
session.
So
if
you've
never
done
a
pull
request,
we're
going
to
show
you
a
really
really
cool
tip
on
how
you
can
do
it
all
through
the
browser,
with
one
little
amazing
keystroke.
A
So
if
you're
intrigued
come
check
it
out,
it's
going
to
be
a
lot
of
fun
november
25th
at
7
a.m.
Pacific
time
you
can
get
all
of
the
invites
at
aka.ms4,
m365
pnp
there
are
a
number
of
additional
community
calls
as
well.
The
platform
call
which
happens
every
tuesday
ak
dot.
Ms
forward
slash,
m365-dev
dash,
call
and
a
number
of
other
community
calls
for
adaptive
cards,
microsoft,
identity
platform,
office,
add-ins,
powerapps,
and
then
the
two
bi-weekly
pnp
calls
that
we
just
discussed
you
can
get
to
them
all
at
aka
dot.