►
Description
Microsoft 365 platform community call delivered on February 8th. Demos - Introduction to Intune APIs on Microsoft Graph, Creating engaging and dynamic Viva Connections mobile experiences, and Using the MGT Files Components in your solutions. Join the Microsoft 365 Developer Program and get a free E5 developer tenant. Sign up for an event or AMA hosted by Sharing is Caring. Ten Microsoft 365 Platform related stories released including: Learn from the community series. The host of this call was Vesa Juvonen (Microsoft) | @vesajuvonen. Q&A takes place in chat throughout and live at end of the call.
Learn more:
• See the full blog post for this call at: https://aka.ms/m365pnp/community/blog
• Download invite for this weekly Microsoft 365 Platform community call: https://aka.ms/m365-dev-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
Welcome
everybody:
this
is
a
microsoft
365
platform
community
called
the
weekly
call
happens
from
every
single
tuesday
at
8.
Am
pacific
time.
Welcome
everybody
for
joining
on
this
wherever
you
are
within
the
world.
My
name
is
cesar
eugene,
I'm
a
program
manager
in
the
microsoft
365
platform
areas
and
running
some
of
our
open
source
and
community
efforts.
Now
today,
we'll
have
a
great
great
agenda.
A
Then
we'll
have
the
crew
photo
into
to
get
a
mode
and
then
we'll
move
to
the
actual
stars
of
today,
who's
going
to
be
dave
and
patrick
and
sebastian
livered,
so
we're
going
to
talk
about
intune
apis
on
microsoft,
craft
and
then
with
our
connection
experiences
and
also
using
the
mtt
files
components
in
your
solutions,
and
I
can
see
all
of
the
the
speakers
already
in
the
call
thank
you
for
being
here,
so
we
don't
have
to
worry
about.
Are
you
showing
up
or
not?
A
Now
a
few
standard
slides
which
always
go
through,
and
I
know
that
for
some
of
you
these
are
repeats,
but
it's
super
super
important,
there's,
always
new
people
joining
on
this
course.
So
we
we,
you
need
to
know
where
to
get
started
and
what
are
the
assets
available
for
you
to
learn
how
to
build
stuff
in
the
microsoft
resist
file?
So
we
do
have
two
different
youtube
channels.
We
have
the
official
microsoft
365
developer
youtube
channel,
where
we
have
videos
from
cloud
advocates
and
the
kind
of
official
videos
from
microsoft
published
over
there.
A
Then
we
have
our
microsoft
365
community
videos
youtube
channel
where
all
of
our
community
calls
community
demos
and
and
other
tutorials
are
getting
populist
due
historical
reasons.
We
now
have
do
of
this.
We
have
a
lot
of
open
source
assets
available
for
microsoft,
graph
office,
dev,
microsoft
teams
we're
actually
missing
some
of
the
organizations
there
and
and
for
sharepoint
site.
We
have
a
lot
of
sample
galleries
available,
making
it
easier
for
you
to
actually
find
what
is
the
sample?
What
you're
looking
for,
because
don't
start
from
scratch.
There
is
almost
a
well.
A
There
is
more
than
1000
samples
available
in
our
ecosystem
to
you
to
get
started,
and
those
are
really
really
great
starting
point
rather
than
starting
from
scratch.
Reading
the
documentation
get
something
which
already
works,
and
then
you
can
adapt
that
to
your
use
case
and
if
you're
wondering
that
there's
too
many
urls
to
remember
lucky,
remember
luckily,
there's
only
one
witness
against
m365bnb
with
the
star
microsoft,
365
platform,
community
landing
page
from
there,
you'll
find
all
of
the
assets
and
links
and
all
of
the
things
which
are
available
now.
A
One
of
the
super
important
things
has
to
start
doing.
Development
in
microsoft.
365
area
is
the
resistor
to
our
microsoft,
resistive
developer
program.
So
and
through
this
program
you
will
get
a
free,
e5,
developer,
tenant
and
other
assets
available
for
you,
and
these
are
completely
free.
You
will
get
a
25
account
tenant
and
as
long
as
you
use
it
for
developer
usage,
it
will
automatically
renew
and
starting
from
november
last
year.
There
is
this
instant
availability
capability
available,
which
basically
means
that
you
don't
need
to
wait
that
tenant
to
get
provisioned
for
you.
A
You
will
get
it
right
when
you're
registering
to
the
program,
which
is
great
now
other
kind
of
a
classic
slides
is
are
all
of
our
awesome:
microsoft,
learning
material
related
on
microsoft,
365
platform.
So
please
have
a
look
on
the
existing
training
which
is
available.
Some
of
these
we've
gone
through
gradually
in
this
community
course,
but
they
are
really
really
good.
Learning.
That's
of
explaining
how
to
do
extensibility
into
multiple
areas
of
microsoft,
365..
B
Take
it
away.
Absolutely!
Thank
you.
Yeah
friends,
we
absolutely
have
you
covered
sharing
is
caring
is
a
program
that
provides
hands-on,
safe
space
guidance
for
you
to
get
more
involved
in
the
community,
whether
that
means
you're
new
and
you
want
to
start
using
the
resources
or
you're
new,
and
you
want
to
start
contributing
or
you're
a
long-time
vet
and
want
to
start
dipping
your
toes
into
that
contributing
space.
We
absolutely
want
to
help
you,
and
these
sessions
are
here
to
do
just
that.
B
As
I
mentioned,
they
are
hands-on,
live
safe
space,
which
means
we
don't
record
them.
So
it's
a
great
opportunity
to
be
collaborative.
Ask
questions.
Always
a
member
of
the
pnp
team,
as
well
as
other
members
of
the
community,
are
there
for
you
to
work
together
with
so
we
have
an
spf
x,
developer.
Workstation,
set
up
today,
still
time
to
register
for
that
that's
at
2
pm,
pacific.
B
All
the
other
sessions
are
available
to
register
for
over
the
next
couple
of
months,
and
we
have
the
always
popular
ask
me
anythings,
coming
up
in
the
next
few
weeks
on
the
topics
of
react,
controls,
graph
and
mgt
great
opportunities
to
collaborate
with
the
maintainers
and
everyone
else
in
the
community
get
more
involved.
We
want
to
help
you
you're
amazing,
and
we
want
to
see
what
you
have
to
contribute
and
help
others
with.
A
Bessa
back
to
you,
thank
you
david
just
to
reiterate
something
like
I
said
so,
for
example,
today's
session
around
sharepoint
framework,
developer,
workstation
setup
is
happening
2pm
pacific
time,
and
we
do
acknowledge
that
it's
not
necessarily
the
suitable
time
for
everybody
within
this
world.
But
that's
why
your
feedback
is
critical.
B
Absolutely
we
try
to
flip-flop
the
times
to
be
aware
of
that
as
well.
So,
but
if
there's
a
specific
time,
we
could
always
set
it
up
for
you
as
well
we're
very
collaborative
and
want
to
make
sure
that
you
get
involved.
We
know
the
sun
never
sets
on
our
community
right,
it's
a
global
community
and
we
want
everyone
to
have
an
opportunity.
A
Awesome
damn
it
thank
you
and
then
we
we
promote
always
our
two
different
podcasts
and
the
video
blogs,
so
microsoft,
365,
developer
podcast
is
the
one
where
we
have
paul
sheffield
and
jeremy
fake
from
microsoft,
paul
shuffle
I'm
from
aden,
365
hosting
the
show,
and
this
week
they
had
juan
balamori
returning
to
the
podcast
and
he
works
in
the
office.
Adding
sections
or
specifically
in
outlook,
extends
the
billing
and
talk.
A
So
that's
a
kind
of
a
nice
teaser
on
thursday
community
called
which
says
we
will
introduce
a
new
way
of
doing
virtualization,
spf
spfx
as
samples
using
containers.
So
that
will
mean
that
you
don't
necessarily
need
to
anymore
even
install
your
development
environment
to
your
machine,
so
you
don't
have
to
install
anything
to
the
machine
but
you're
able
to
run
the
samples
which
we
have
available
in
the
github.
So
we
talked
about
that
one
in
this
weekly
show
which
went
live
earlier
today
with
hugo
and
on
thursday.
A
Later
this
week,
that's
going
to
be
covered
in
the
community
call
as
well
as
a
live
demo,
really
cool
stuff
for
sure,
and
then
a
quick
recap
on
the
latest
news
from
the
microsoft
365
platform
areas.
So
we
did
have
a
three
news
on
the
microsoft
365
blocking
site,
which
is
the
akms
slash,
m365,
dev,
slash
blog,
so
there's
two
announcements
related
on
breaking
changes
on
the
microsoft
graph.
Apis
key
point
to
call
out
in
here
is
that
both
of
these
breaking
changes
are
in
the
beta
endpoint.
A
So
of
course,
there
are
no
breaking
chances
well,
never
say
never,
but
there's
never
intended
to
be
fragrant
changes
in
the
version.
1.0
apis,
and
so
all
of
this
is
just
adjustments
in
the
beta
apis
as
we
are
rolling
out.
These
features
in
the
version
1.0
api
endpoint,
and
then
we
had
a
new
series
from
ikebus
she's,
a
cloud
advocate
from
the
microsoft
365
cloud
advocate
team
and
she's
working
on
this
new
awesome
series
related
on
learn
from
the
community
and
the
latest.
A
So
icon
is
the
cloud
advocate
in
the
lower
left,
corner
and
she's,
always
on
a
weekly
basis,
talking
with
different
community
members,
all
around
the
world
and
she's
always
looking
for
new
contacts
as
well.
So,
first
of
all
this
week
and
there's
a
discussion
with
jimil,
luis
pritika,
around
a
react
app
to
centralized
microsoft,
learn
and
linkedin
learning
resources
and
then
an
azure
q,
a
bots
to
provide
support.
So
that's
actually
available
already
today.
A
A
A
So
let's
flip
us
to
the
together
mode-
and
let
me
flip
in
here
and
let's
see
if
we
can
actually
flip
the
scene,
I'm
trying
to
use
that
one
always,
but
there
has
been
yeah
unable
to
apply
the
scene,
I'm
gonna
start
recording
not
yet
not
yet
wait
for
it
we'll
wait
until
we
have
to
max
50
people
joining.
I
guess
we
are
one
more
one
more
one
more.
Let
me
put
the
video
on
as
well.
Do
I
get
better
and
let's
do
some
hand
waving
already
recording
this?
Thank
you
everybody
for
joining.
A
Thank
you
for
being
part
of
the
community.
Thank
you
for
once
again
being
part
of
this
course,
and
please
please,
please
keep
the
feedback
coming
we're
building
all
of
this
platform
for
you.
So
thank
you.
Thank
you.
Thank
you
for
being
here
awesome
great.
I
will
move
that
away
in
here.
I
will
stop
the
recording,
thank
you,
everybody
and
then
we'll
go
to
the
actual
stars
of
the
day.
A
C
C
So
if
you're
a
developer,
building,
ios
or
android
applications-
and
you
want
to
take
advantage
of
intune's
app
protection
policies,
there
is
a
mam
sdk
that
you
can
incorporate
in
your
applications
and
then,
if
you're,
an
integration
partner,
there's
a
set
of
apis
for
third
party
mdm
compliance
network
access
control
and
mobile
threat.
Defense.
Those
are
available
for
partners
that
have
a
specific
integration
directly
within
tune
now,
if
you're
using
graph.
C
I
know
that
many
of
you
have
been
working
also
with
sharepoint
teams,
onedrive
azure,
active
directory
and
all
of
them
have
apis
that
are
hosted
in
microsoft,
graph
and,
of
course,
the
benefit
to
you
as
a
developer.
Is
you
get
a
consistent
set
of
services
that
are
hosted
as
part
of
graphs
such
as
role-based
access
control,
multi-region
routing,
telemetry
logging
authentication
for
both
delegated
and
apple
and
the
auth?
C
Our
graph
apis
for
intune
then
connect
to
the
intune
front-end
service
and
that
front-end
service
is
then
routed
directly
to
regional
scale
units
all
around
the
world?
I
had
mentioned
a
couple
of
other
apis
that
are
for
our
integration
partners
or
for
an
information
worker,
those
apis
connect
directly
to
our
front-end
service
and
don't
go
through
graph.
So
there
are
a
set
of
apis
which
are
which
are
not
part
of
graph.
C
C
And
then,
if
you
want
to
pull
together
an
entire
scenario
and
automate
that,
through
our
graph
api,
you
could
do
an
entire
set
of
pilot
to
production
settings
migration
from
one
environment
to
another
or
maybe
desired.
State
configuration
is
of
high
value
for
you
to
be
able
to
ensure
that
your
configurations
don't
drift
over
time.
C
And
lastly,
I've
got
some
reference
material
here
for
you,
so
we'll
leave
this
available
for
you
to
take
a
look
at
and
get
the
information
that
you
need
for
all
of
the
different
apis
for
intune.
So
let
me
switch
over.
I've
got
a
couple
of
different
tools.
Open
I've
got
powershell,
I've
got
our
console.
I've
got
a
folder
here.
I've
got
vs
code
and
these
are
the
different
tools
that
we'll
use
for
the
demo.
C
So
that's
the
main
area
of
all
of
the
graph
api
and
then
we're
going
to
look
at
role,
definitions
and
when
I
run
this
you'll
see
the
first
one
that
we
have
is
endpoint
security
manager
and
I've
got
quite
a
few
roles
and
if
we
go
all
the
way
to
the
bottom,
I
think
let's
see
here
is
our
all
admin
permissions
that
we
were
looking
at.
So
this
is
our
json
output
from
graph
explorer.
C
That
shows
all
of
the
different
roles
that
we've
got
now
if
looking
at
that
list
is
a
little
bit
of
a
challenge.
The
other
thing
that
I
can
do
is
I
can
append
just
the
select
equals
display
name
here
and
then
we
get
just
the
individual
display
name.
So
I
can
select
any
property,
and
if
I'm
interested
in
seeing
all
of
the
details
about
just
one
of
the
roles,
then
I
can
do
a
filter
and
do
a
dollar
filter
or
display
name
equals
all
admin
permissions.
C
And
when
I
run
that
you'll
see,
I
get
all
of
the
details
for
this
particular
individual
role.
So
now
that
we've
we've
looked
at
just
some
basic
queries
that
we
can
do
with
graph
explorer.
I
said
I'd
give
you
a
hint
to
understand
how
all
of
the
intune
api
calls
are
being
made.
So
I'm
going
to
press
f12
to
go
to
developer
mode
and
I've
got
network
selected
and
fetch,
and
when
I
press
refresh
here,
you'll
notice
that
we
get
a
single
entry
for
our
role,
definitions,
call
and
here's
the
specific
request.
C
Url
again,
it's
identical
to
the
one
that
we
did
in
graph
explorer.
So
a
lot
of
times
when
I'm
working
with
developers
they're
looking
through
the
api
reference
material
on
the
developer
site
and
it's
really
difficult
to
figure
out
which
api
call
matches
individual
actions
in
the
console.
So
this
is
a
great
way
to
be
able
to
put
them
together.
C
So
we've
got
our
list
of
role
definitions
and
we
can
go
run
an
rbac
script,
a
powershell
script
that
goes
and
retrieves
exactly
the
same
information.
Now
this
is
just
displaying
it
in
the
console,
and
so
here's
our
all
admin
permissions
role
and
a
list
of
all
the
permissions.
But
let's
say
that
I
wanted
to
make
a
copy
of
that
particular
role,
but
I
wanted
to
eliminate
one
of
the
permissions.
C
So
I've
got
another
script
here
that
will
export
all
of
our
custom
roles
and
we'll
put
that
out
in
the
demos,
folder
and
here's
my
all
admin
permissions
in
the
in
json
output
and
let's
move
that
over
to
our
visual
studio
code.
And
now
we
can
take
a
look
and
see
here's
the
json
output
that
came
from
our
powershell
script
and
I'm
going
to
give
this
a
new
name
without
role
assign
and
I'm
going
to
remove
this
one
permission.
C
C
And
it
will
import
that
json
that
we
made
changes
to,
and
so
now
I
can
go
back
to
the
intune
console
and
we'll
refresh
and
you'll
see.
We've
got
our
all
admin
permissions
without
role
assigned,
so
that
was
really
easy
for
us
to
be
able
to
make
a
simple
modification
and
re-import
without
having
to
use
the
ui.
Now
you
notice,
I've
also
got
an
action
here
called
duplicate
and
some
of
the
features
in
intune
allow
you
to
easily
duplicate
a
an
object.
C
C
And
we'll
just
import
that
you'll
notice,
here's
all
of
the
different
settings
for
our
compliance
policy,
and
now
we've
got
with
a
refresh.
We've
got
a
duplicate
of
our
android
signage
compliance
policy.
Now
this
hasn't
been
deployed
to
anybody,
this
new
one
that
we
created
and
you
notice
I
was
able
to
create
one
with
the
duplicate
name,
some
of
the
objects
and
intune
allow
duplicate
names,
some
of
them.
Don't.
You
may
have
noticed
that
I
changed.
The
name
of
our
role
and
roles
are
one
object
that
doesn't
allow
duplicates.
C
So
we've
got
a
variety
of
different
ways
in
which
we
can
make
graph
calls.
We
can
either
use
graph
explorer
and
do
things
basically
kind
of
one
by
one
or
you
can
use
powershell
to
build
together
a
whole
set
of
scripts
that
enable
a
complete
end-to-end
scenario.
Now.
One
thing
that
I
mentioned
was
microsoft:
365,
dsc,
microsoft,
365,
dsc
or
desired.
C
State
configuration
is
a
great
set
of
powershell
commandlets
that
are
built
off
the
microsoft
graph
sdk
and
there
are
the
ability
to
export
azure,
active
directory
teams,
security
and
compliance
in
tune
exchange,
all
different
types
of
configuration
and
then
monitor
those
for
drift.
So
I'd
encourage
you
to
take
a
look
at
that
again.
The
link
is
here
in
the
reference
material
that
I'll
save,
but
that's
all
that
I've
got
for
demos
today.
A
C
D
So
thanks
for
having
me
back
on
the
call
today,
this
is
the
third
and
maybe
final
question
mark
in
my
series
on
adaptive
card
extension
development.
So
so
far,
we've
talked
about
state
and
then
last
time
I
was
here.
We
talked
about
making
your
adaptive
card
extensions,
lightweight,
immediate
and
personal,
and
this
time
I
wanted
to
kind
of
bring
those
two
concepts
together
and
look
at
how
we
combine
them
to
make
dynamic
experiences
in
our
cards
instead
of
rendering
just
a
static
card
for
folks
to
look
at.
D
How
do
we
bring
a
little
bit
of
dynamism
into
those
cards?
Make
them
a
little
bit
more
like
live
tiles
for
those
of
you
who
talked
about
who's
old
with
computers.
If
you
remember
the
windows
phone
had
the
fantastic
live
tiles
experience,
so
I
want
to
talk
through
three
examples
today
here
the
first
one
is
actually
called
dynamic
card.
Two
in
the
sample.
I'm
gonna
paste
a
link
to
all
those
samples
in
the
chat
right
now,
and
you
can
view
all
that
code
that
I'm
going
to
show
you
there.
D
It's
ready
today,
so
checking
this
one
out.
This
is
a
simple
text.
Update
and
it's
a
nice
simulation
of
what
it's
like
to
have
an
email
inbox
and
you
can
see,
we've
just
got
our
text
changing
and
now
I've
got
23,
upright
messages,
it'll
be
24.,
and
so
something
to
you
know
think
about
here
is
this:
could
be
any
kind
of
information
around
unread
messages.
You
know
unread
tasks
newly
assigned
tasks.
D
It's
really
these
samples
aren't
as
much
about
the
exact
scenario
as
they
are
about
just
showing
some
techniques
and
patterns.
So
let's
look
at
the
code
for
this
first
sample
here.
These
are
just
scaffolded
ace
solutions,
adaptive
card
extension
solutions,
not
a
lot
of
stuff,
has
been
changed.
The
boilerplate
stuff,
a
couple
of
quick
things
to
highlight,
we
did
add
a
property
in
the
state
to
track
that
item
count
on
the
init,
we're
setting.
That
item
count
to
zero,
and
then
this
is
the
general
pattern
I
wanted
to
sort
of
show
here
today.
D
Is
you
just
sort
of
to
get?
These
updates
need
to
have
sort
of
a
reoccurring
thing,
a
polling
thing?
This
isn't
sort
of
a
new
technology,
but
I
wanted
to
boil
it
down
to
something
very
simple
for
this
first
example,
where
we
create
a
function
here
that
does
something
to
manipulate
the
state.
Now
this,
of
course,
could
be
represented
by
web
service.
Calls
by
graph
calls
database
lookups
through
some
external
service.
D
You
know
whatever
you
might
imagine
here,
but
we're
just
updating
the
state
and
then
we're
setting
the
timeout
to
essentially
call
our
function
again.
This
is
an
arbitrary
number.
I
picked
three
seconds
just
for
the
demo,
but
this
could
come
from
properties.
This
could
come
from
other
values,
other
you
know
understanding
of
the
the
situation
in
the
scenario,
but
we're
just
incrementing
the
state
each
time,
and
this
then
brings
that
concept
of
state
into
play,
or
if
we
look
now,
this
is
our
card
view
what
you
were
seeing
on
the
screen.
D
The
only
thing
we
do
in
our
card
view
in
the
data
property
here
is
we
get
the
item
count
from
the
state
and
then
we
just
output
it
onto
the
screen.
So
there's
no
other
logic
happening
in
the
web
part
other
than
setting
the
state
based
on
an
expiring
timer,
and
so
that's
sort
of
a
very
simple
and
basic
way
to
bring
some
information.
D
Bring
some
dynamic
content
into
your
cards
is
by
simply
updating
the
state
and
allowing
the
card
to
reflow
re-render,
as
it
would
naturally,
as
you
would
expect
it
to
do,
and
so,
if
we
look
just
real
quick
back
at
that
again,
you
see
I've
now
got
58
now
59
messages
I'm
never
going
to
get
caught
up.
So
let's
go
ahead
and
delete
this
one,
I'm
going
to
add
in
weirdly
enough
I'm
going
to
jump
to
number
three.
D
It
will
be
our
next
one
here,
and
so
this
is
an
example
of
sort
of
rotating
news
items,
and
so
you
can
see
here
as
we
go
through.
This
is
another
very
common
scenario
of
I've
gone
and
fetched
some
news
articles.
I
want
to
show
those
to
folks
here,
and
so
this
is
a
nice
rotator.
So
let's
look
at
the
code
for
that.
D
I'm
going
to
close
those
we're
going
to
open
dynamic
card
3
and
we'll
get
the
extension
and
we'll
get
the
card
view,
and
so,
if
you
look
at
the
extension
again,
what
we've
done
here
is
in
the
state.
We've
added
an
image
and
an
index
value
to
what
was
here
from
the
scaffolded
project
and
as
well.
I've
created
this
sort
of
static
array
of
tuples
here
which
contain
the
headline
and
a
a
string
version
string
version
of
an
svg
graphic,
and
that
is
all
the
data
we
need
now
again.
D
This
data
here
is
static
for
this
demo,
because
I
wanted
this
demo
to
focus
on
the
dynamic
patterns
versus
a
lot
of
web
calls
and
having
to
parse
data
and
understand
things
like
that.
But
this,
of
course,
would
represent
news
articles
from
sharepoint
lists
of
users
from
graph.
You
know,
however,
you
might,
you
know,
want
to
display
data
or
scroll
through
data
stock
prices
from
yahoo,
wherever
you
might
be
getting
your
data,
but
the
general
pattern
again
remains
the
same.
D
We
set
up
our
initial
state
here,
I'm
you
know
taking
our
description
and
so
we're
accessing
the
first
item.
In
our
info,
that's
going
to
be
this
one
and
then
the
first
piece
of
that
which
is
going
to
be
this
string.
That's
the
the
title
or
the
headline
and
then
the
image
we're
accessing
the
first
item
in
that
array
and
its
second
piece
of
information,
which
is
that
svg,
so
we've
got
our
image
there
and
again.
I
wanted
to
keep
these
patterns
consistent
and
simple
for
all
these
demos.
D
You're
going
to
see
this
in
all
three
we've
got
our
fixture
function,
the
same
kind
of
set
timeout
pattern
here
for
no
reason
at
all.
I
chose
four
seconds
over
three
seconds,
just
to
show
you
something
a
little
bit
different
and
then
again
we're
just
pulling
our
index
out
of
the
state
we're
doing
a
little
math
on
our
index.
This
is
sort
of
a
very
simple
basic
version
of
previous
next
paging
right.
D
If
we
get
to
the
end
we're
going
to
reset
back
to
zero
and
then
we're
setting
our
state,
as
you
saw
above
with
the
the
first
piece
of
whichever
index
we're
at
and
the
second
piece
of
whichever
index
we're
at
for
the
description
and
image
and
then
we're
saving
whatever
our
calculated
index
was
for
next
time.
So
we
can
calculate
things
next
time
and
then
in
the
card
view
here
we're
doing
the
exact
same
thing.
D
In
our
data,
we
pull
out
a
state,
our
description,
our
image,
and
then
we
set
our
primary
text
and
our
image
there
and
that's
all.
We
need
to
do
to
have
some
dynamic
content
in
our
card
and
we
allow
the
the
ace
logic
that's
contained
in
the
sharepoint
framework
code
to
reflow
re-render,
and
we
get
our
updated
things.
So
we
got
some
headlines
here,
peter
rabbit,
remembered,
of
course,
the
rabbit
economy
is
doing
excellent.
Thanks
to
all
our
advances
against
the
horses
and
the
horses
have
suffered
another
humiliating
defeat.
D
So
just
really
relevant
news.
I
think
you
know
for
today
and
then
the
last
one
I
want
to
show.
You
is
one
that
stefan
bauer
actually
put
together
and
shared
with
me
and
that
I'm
gonna
share
with
all
of
you,
but
this
is
a
very
cool
demo
of
actually
editing
live
in
svg
graphics.
So
this
is
a
dynamically
generated,
svg
graphic
that
you
know,
as
we
can
see
again,
it's
kind
of
a
simple
counter,
but
simple
sort
of
hides
a
bit
of
the
complexity
and
showing
a
dynamic
svg.
D
So
in
the
state
here,
we've
added
a
little
timer
counter
in
in
our
state.
We
set
that
to
zero
to
start
things
off
and
then
again
the
exact
same
pattern
again
of
creating
a
function
calling
it
and
having
a
timeout
that
calls
it
five
thousand
five
seconds
again.
Just
no
reason
at
all
just
happen
to
choose
that
and
we're
using
that
same
pattern
of
setting
our
state
updating,
in
this
case
the
description
and
updating
the
timer
counter.
So
this
is
very
similar
to
what
you
saw.
D
D
So
you
can
see
it's
showing
up
in
this
text,
block
that's
aligned
and
if
we
bounce
back
to
our
screen,
you'll
see
that's
what's
happening
here.
So
our
counter
is
going
and
we've
got
some
nice
dynamic,
svg
stuff.
Here
I
did
a
little
research
there's
tons
and
tons
of
libraries
out
there
for
creating
sort
of
dynamic
svgs
and
a
lot
of
different
things.
You
can
do
with
that.
So
that'd
be
great
ways
to
create
moving
graphs.
D
Potentially
you
could
have
stock
charts
that
are
dynamically
updating
all
sorts
of
different
things,
so
just
want
to
introduce
some
some
great
ideas
to
you.
Hopefully
give
you
some
ideas
as
well
as
some
patterns
here
that
you
can
use.
You
know
again,
the
patterns
themselves
aren't
complex.
You
know
it
might
be
complex
to
get
the
web
data.
There
might
be
some
complexity
around
processing
that
web
data,
but
the
actual
pattern
of
introducing
dynamic
stuff
into
your
adaptive
card
extensions
is
pretty
simple
here.
I've
just
used.
D
Let
me
bounce
over
the
code
just
one
final
time
here:
I've
pretty
much
just
used
a
timer
and
set
the
state,
and
then
you
allow
the
functionality
of
these
adaptive
card
extensions,
very
similar,
to
react
to
just
reflow
that
content,
for
you
update
the
display
for
you
and
based
on
using
the
state
here
in
that
data
property
of
your
different
cards.
This
one,
of
course
I
did
these
just
card
views
again.
These
were
meant
to
be
very
simple
demos.
The
same
stuff
applies
to
quick
views.
D
Each
ace
is
a
closure,
so
it
maintains
its
own
state,
and
so
none
of
these
things
interfere
with
each
other,
and
this
gives
you
a
much
more
dynamic
dashboard
with
stuff
happening
and
updating
live,
and
that
again
brings
in
a
little
bit
of
immediacy
and
a
little
bit
of
personality
to
these
cards
and
linking
them
to
the
people,
drawing
them,
drawing
them
into
the
functionality
that
you've
built,
and
so
with
that
I'll
see.
If
there's
any
questions
in
the
chat,
live
tiles
are
back.
That's
exactly
right.
D
A
E
Yes,
we
will
thanks.
These
are
things
patrick
love,
the
the
fact
that
lifestyles
are
back.
I
think
that's
the
best
way
to
start
the
day
to
see
all
these
things
pop
up
in
your
dashboard.
Today
I
want
to
talk
about
our
graph
toolkit.
We've
covered
a
lot
of
our
components.
Already
the
person
components
the
people
tasks
agenda
to
do
today.
I
want
to
focus
on
something
that
is
really
near
and
dear
to
my
heart,
which
is
files
coming
from
a
a
strong
sharepoint
background.
E
E
You
don't
have
to
rebuild
all
of
these
functionalities
to
build
a
capability
that
goes
on
and
fetches
files
based
on
a
group
id
or
a
team
id
or
any
of
these
things,
and
it's
basically
drag
and
drop
inside
your
app.
You
don't
really
have
to
build
any
big
capabilities
to
include
mgt
in
your
app
they're,
beautiful
they're
themed
around
microsoft
365,
so
they
really
look
native
to
the
platform,
but
they're
also
very
flexible,
think
about
how
you
might
want
to
bring
your
own
brand
inside
these
controls.
This
is
all
absolutely
possible.
E
E
E
But
what
we're
also
thinking
about
is
how
we
can
bring
these
multiple
files
together.
As
part
of
the
file
list,
bringing
a
total
folder
as
part
of
it,
or
even
building
a
full
browsing
capability
with
files
and
folder
to
be
able
to
navigate
your
onedrive
or
to
be
able
to
navigate
a
group
list
of
folders.
Well,
that's
exactly
what
the
mgtt
file
is
in.
Ngt
files
are
and
they
work
really
really
closely
together.
E
E
The
second
will
be
files.readwrite,
the
third
will
be
filez3.all
and
then
finally
sites.trade.all.
Why
do
we
need
all
of
them?
Files.3
will
give
you
access
to
your
onedrive
to
your
personal
content.
So
files
that
really
is
really
about
the
current
user
that
is
logged
in
files
that
read
write,
which
actually
we
don't
necessarily
need
files
that
we,
when
we
do
that,
but
I
love
to
have
them
all
spread
out.
E
So
if
you
cannot
see
content,
if
you're
not
authorized
to
see
content
in
a
team
or
in
a
sharepoint
site,
you
won't
be
able
to
see
any
of
that
content
coming
out.
So
what
have
we
built?
Well,
what
we
built
is
a
series
of
samples,
and
I
will
kind
of
highlight
everywhere
we
have
an
mgt
file.
I
built
it
in
a
way
here.
That
is
a
little
bit
more.
Easy
is
easier
for
me
to
use
to
drive
through
the
the
demo.
E
So
that's
why
it's
kind
of
in
all
these
accordion
accordion
items
and
all
of
that,
but
the
things
we
have
to
focus
on
is
these
things.
First,
one
an
mgt
file,
the
mgtt
file
component,
takes
in
a
file.
Query
you
can
identify
specifically
which
file
you
want
to
have
access
to
which
in
that
case,
is
this
file
that
could
be
coming
from
something
you
stored
somewhere
in
your
app.
E
It
could
also
be
coming
from
another
graph
call
where
you
wanted
to
see
these
files
or
whatever
you
really
decide
what
you
want
to
do
with
these
queries.
So
once
you
have
the
query
set,
you
will
be
able
to
have,
for
example,
here
just
as
simple
it's
going
to
bring
in
that
specific
file,
which
is
slash,
b,
drive
item.
So
this
is
a
file
that
lives
in
my
onedrive.
E
That
is
an
excel
file
automatically.
The
component
will
be
able
to
identify
that
it's
an
excel
file.
It's
going
to
add
the
right
icon,
we'll
put
the
name,
the
date
and
the
size
automatically
in
there,
so
that
is
kind
of
the
simpler
way,
the
most
simple
way
to
use
the
file
component,
but
something
you
can
also
do,
and
I
see
some
questions-
I'm
gonna
answer
those
as
they
are
happening
when
I'm
gonna
cover
those
or
I'm
gonna
cover
them
in
the
chat
afterwards.
E
But
the
next
thing
I
want
to
show
is:
maybe
this
layout
here
might
be
a
little
bit
too
too
noisy.
Maybe
in
your
app,
you
don't
have
that
much
space
that
you
can
allow
to
a
single
file.
So
you
want
to
change
the
way
that
the
presentation
is
done.
So
you
have
ways
to
identify
the
same
file
with
the
same
file
query,
but
we're
changing
the
view.
E
One
line,
two
lines,
three
lines:
these
three
options
are
actually
options
on
the
mgt
file
and
you're
gonna
see
later,
we've
been
able
to
control
these
also
through
the
mgtt
file
list.
So
what
does
it
look
like?
Well
we're
going
to
have
a
more
compact
here,
a
little
bit
less
and
more
like
the
bigger
capability
right
here.
E
So
all
of
these
controls
are
available
like
this,
so
you
can
literally
choose
out
of
the
box
three
different
views
in
here.
You
also
can
overwrite
the
entire
view
of
it
and
run
with
your
own
template
here.
We're
giving
you
the
full
object,
the
full
file
object
and
you
can
render
it
the
way
you
want
it
to
do
that
way.
E
You
will
be
able
to
use
any
capabilities,
any
html
tags,
any
react
components
to
render
it
and
really
render
it
the
way
you
want
it
to
be,
then
afterwards,
you
can
also,
for
example,
if
you're
connecting
to
either
an
internal
system,
or
you
really
want
to
provide
your
own
icon.
There
are
ways
to
do
that,
so
you
can
simply
specify
a
file
icon
here,
I'm
just
referring
to
a
png
file
that
is
stored
in
our
repo
and
when
I
do
this
here,
it's
just
going
to
show
up
with
the
graph
icon.
E
E
You
can
also
identify
okay,
I
want
a
specific
drive
id
drives.
Are
the
construct
of
document
libraries
across
all
of
microsoft?
365.
onedrive
is
a
drive,
a
sharepoint
document.
Library
is
a
drive.
So
basically,
here,
if
you
know
exactly
which
drives
you're
looking
for
each
of
them,
has
a
unique
id.
So
you
can
simply
just
say:
hey.
You
know
what
I
want
to
have
this
file
right
here.
E
This
drive
and
I
want
to
have
this
item
id
within
it
or
I
can
also
use
the
item.
The
item
path,
so
I
don't
have
to
know
exactly
the
id.
I
can
actually
use
just
the
name
of
the
path,
so
basically
a
folder
or
the
name
of
the
file,
and
that's
going
to
make
us
successful
by
being
able
to
see
these
right
there
so
we're
showing
two
different
mgt
files.
In
this
specific
case,
you
can
do
the
same
thing
with
group
id
so
think
about
how
you
want
to
integrate
with
teams.
E
Potentially
these
group
ids
are
the
same
as
the
team
ids,
so
you
can
go
fetch
for
all
the
join
teams
that
you're
a
part
of
identify
the
one
you
want
to
talk
about.
So
a
good
example
of
this
would
have
been
to
integrate
with
a
team's
channel
picker
that
we
discussed
earlier,
based
on
the
results
of
that,
we
could
have
feed
the
information
in
here
and
select
a
single
file
from
there,
and
then
it
shows
here
two
different
ways
of
showing
the
same
file
either
through
the
id
or
through
the
item
path.
E
Then
we
can
also
do
this
using
user
id
and
that's
how
you
can
even
go
inside
some
users
shared
areas
think
about
maybe
a
colleague
shared
a
folder
with
you
from
their
onedrive.
You
can
use
the
exact
same
capability
here,
so
you
can
say
I
I
want
to
connect
to
this
user
id
and
that
person
gave
me
access
to
this
specific
item
id
or
this
specific
file.
So
now
you
can
go
here
and
see
hey.
This
is
exactly
that.
E
You
might
not
like
this
experience.
Maybe
the
title:
you
don't
want
the
title
to
be
this
one.
You
don't
want
the
the
second
line
to
be
the
modified,
the
size
or
whatsoever.
Something
you
can
do
is
customize
your
property.
So
here
you
can
say
the
first
one.
Actually
I
want
to
have
the
last
date
time.
The
the
the
second
one
I
want
to
have
the
site
is,
and
the
third
one
I
want
to
have
the
name
which
then
looks
like
the
following.
Then
we
changed
it
all
up.
E
We
modified
these
capabilities
so
think
about
how
you
would
be
able
to
even
change
totally.
What
are
the
properties
that
you
want
to
use
and
that's
a
great
way
to
really
match
the
result
that
you're
expecting
from
mgt
to
what
your
app
should
be
showing
in
any
of
these
apps.
So
there's
these
are
all
different
capabilities
that
are
super
super
super
useful
for
us
last
thing
that
I
wanted
to
show
for
this.
One
is
this
here
here.
E
What
we're
doing
here
is
I
just
added
an
id
in
here,
and
that
id
is
something
that
I'm
using
in
javascript
I'm
going
to
go
and
get
that
component
get
the
id
and
provide
a
file
details
directly
to
this
one.
So
if
we're
looking
a
little
bit
down
in
the
code,
we
have
the
ability
here
to
say:
hey,
you
know
what
this
custom
file
details
that
I
have
up
top
just
fill
it
with
this
here.
E
So
it's
a
side
whatever
size
you
want,
whatever
name
we
want
in
here
and
then
it's
going
to
be
able
to
render
so
think
about
it
could
even
integrate
with
line
of
business
application
data.
That
is
not
even
in
microsoft,
365.
It
could
be
from
another
repository
and
then
you
would
have
the
rendering
to
be
exactly
the
same
as
your
microsoft
365
data.
So
that's
actually
really
really
really
cool
for
people.
E
So
a
lot
of
capabilities
exist
with
files
and
there's
even
more
that
you
can
do
with
files,
but
I
think
where
it
really
shines
is
when
you
aggregate
multiple
files
together
within
a
file
list.
So,
let's
go
and
see
how
we
can
work
with
a
file
list.
Well,
the
first
file
list
is
the
most
simple
one
look
at
here:
mgt
file
list.
How
simple
is
that
that's
just
give
me
a
file
list
that
file
list
when
there's
nothing
configured
to
it,
we're
going
to
automatically
go
and
integrate
with
your
onedrive.
E
So
here
you
see,
I
have
my
entire
one
drive
right
here.
I
have
all
my
folders
all
my
files
on
my
one
drive.
I
can
even
click
here
and
show
more
items
so
here
it
is
completely
configurable
where
you
want
to
be
able
to
highlight.
Okay,
I
want
to
have
a
page
size
of
50
items
or
five
items
or
25
items
you
decide,
and
then
we
also
built
automatically
the
automatically
expanding
capability.
So
you
just
click
on
it
and
then
it
loads
the
rest
of
the
content
and
appends
it
to
the
current
control
by
default.
E
When
you
click
on
something
nothing
happens,
though,
you
can
always
hook
your
code
to
the
item.
Click
here.
That
means
you
will
be
able
to,
for
example,
to
react
to
something
that
happened.
I
clicked
on
this
folder.
Maybe
I
want
to
change
the
root
of
my
component
or
I
want
to
open
it
in
a
new
tab
to
be
able
to
see
the
file
we're
going
to
see
an
example
of
that
a
little
bit
later,
but
I
wanted
to
make
sure
that
I
was
mentioning
it
second
thing.
E
Well,
I
think
it's
fair
to
say
that
when
we
have
a
file
list,
we
want
to
be
able
to
upload
something
right.
So
in
that
case
we're
uploading
to
our
onedrive
and
that's
why
we
needed
to
have
these
read
write
capabilities,
so
I
can
click
on
upload
files
and
select
my
mgt
announcement
here
and
automatically
it's
going
to
upload.
It's
going
to
say
that
it's
done,
that's
really
really
cool.
We
also
support.
E
Let
me
just
quickly
do
this
here
should
actually
be
supporting
this.
If
I
do
this,
I
also-
I
don't
know
if
you
see,
but
right
now,
I
just
dragged
and
drop
a
file
from
another
folder.
I
have
drag
and
drop
over
here
and
automatically
these
files
are
updated
when
you're
gonna
reload
the
component
automatically,
these
files
will
go
and
be
shown
in
their
respective
order.
E
To
do
that,
you
just
need
to
enable
the
file
upload
to
be
true,
and
that's
it
you're
good
to
go
then
afterwards.
You
can
also
do
a
specific
query.
You
can
say
hey,
you
know
what
I
want
the
query
to
be
just
the
children
of
this
item.
So,
for
example,
this
is
a
folder,
so
you
can
say
the
content
of
this
folder.
I
want
it
to
be
added
and
to
be
showcased
in
here,
so
you
could
go
to
any
document
library,
any
site,
any
team,
any
one
drive
and
show
the
current
capabilities
underneath.
E
What
you
can
also
do
is
multiple
queries,
so
you
say
I
want
to
have
files
coming
from
here,
also
coming
from
here
and
also
coming
from
here.
So
you
can
do
all
of
these.
That's
really
cool,
so
you
can
combine
files
from
coming
from
multiple
places
which
in
that
case
will
say:
that's
a
folder
mockups
and
then
this.
So
you
will
have
the
mixed
capabilities
in
there.
E
That's
amazing,
because
it
really
enables
you
to
match
data
together
coming
from
multiple
sources,
a
couple
of
other
scenarios
same
thing
with
group
id
and
items.
So
you
have
the
exact
same
capability
when
you
have
a
group
and
a
path
so,
for
example,
think
about
teams
that
would
be
a
team
and
the
general
folder
which
we
see
right
here.
E
We
have
the
same
thing
with
an
insight
type
so
think
about
there's
three
different
insights,
like
the
trending,
the
shared
and
the
used
in
microsoft,
365,
or
in
that
case
these
are
the
latest
files
that
I
used
as
a
user.
These
are
all
there
so,
for
example,
when
you're
building
an
experience
where
you
have
a
file
picker,
you
might
want
to
start
with
this,
because
this
is
where
it's
really
useful,
because
those
are
the
files
you
use
like
the
latest,
one
that
you
used.
So
it's
great
to
start
with
these
kind
of
files.
E
Now
you
can
also
answer
a
question
around
file.
Extensions.
Well.
File
list
allows
you
to
do
a.
I
just
want
to
hear
about
docking,
excel
xsx,
for
example.
So
here
these
are
the
ones
that
are
on
my
onedrive
that
are
excel
and
documents
and
word
documents.
These
are
the
only
ones
we're
filtering
out
all
the
rest
from
here.
E
Finally,
I
think
this
is
where
it
really
shines
is
all
the
capabilities
that
we
have
in
mgt
file
list
all
combined
together,
where
we're
going
to
be
able
to
build
a
full
breadcrumb
and
navigation
capabilities
in
there.
So,
for
example,
if
I
go
here,
I
have
my
files
and
when
I
go
to
my
decks
here,
well,
I'm
going
to
see
all
the
files
from
decks.
I
can
go
back
to
files.
I
can
go
to
mockups.
I
have
all
of
them
right
here.
E
If,
for
any
reason
I
don't
see,
I
don't
have
a
data.
I
am
able
to
override
the
template
when
there
is
no
data
and
that's
going
to
automatically
say
sorry.
No
files
are
available
in
this
folder
and
this
is
what's
going
to
be
rendered
to
the
screen.
So
you
have
the
ability
to
bring
your
own
messaging
to
bring
your
own,
maybe
even
iconography
in
there,
and
how
do
we
do
that?
Well,
we
just
hook
up
right
here
to
our
different
components.
E
Here
we
have
the
mgt
file
list,
breadcrumb,
which
I
named
it
and
we're
doing
just
a
little
bit
of
logic
right
here,
where
we
add
the
event
listener
to
a
click
and
then,
if
there's
a
detail,
then
we
just
change
the
capabilities.
We
change,
which
folder
is
the
root
of
the
of
the
entity
file
list
component,
and
we
do
some
management
around
the
breadcrumb
item.
So
this
also
behaves
good
and
if
not,
I'm
just
going
to
window
that
open
this
file.
E
So
if
I
click
here
automatically,
I'm
just
now
in
my
onedrive-
and
I
just
saw
that
file,
so
you
can
really
build
the
experience.
You
want
to
really
expand
on
your
scenarios
and
really
build
the
entity
file
list
component
that
you
really
need.
So
just
as
a
a
recap
of
resources.
If
you
want
to
go
in
and
check
the
code
that
we
use
today
go
to
the
ak.mslmgt
sandbox
have
a
look
at
all
the
other
resources
and
back
to
you
visa.
A
Cool
demo
and
a
lot
of
a
lot
of
cool
stuff
on
accessing
the
files
in
in
one
drive
or
in
sharepoint
or
anywhere
within
the
my
search
rest
file,
so
really
really
awesome
stuff.
Now,
thank
you
dave.
Thank
you,
patrick.
Thank
you
sebastian
for
the
call
and
demos
today,
just
to
recap,
on
our
all
of
our
community
calls
you'll
find
linked,
download
links
for
this
also
for
https
games,
m365
bmp,
but
we
have
a
few
of
them
so
check
out
the
different
options
based
on
your
interest
as
well.
A
Now
the
recording
will
be
available
in
24
hours
in
the
meister
365
community
youtube
channel.
You
cannot
download
the
recording
directly
from
the
teams
if
you
are
an
external
person,
so
that
does
not
work
and
that's
why
we
always
get
stuff
published
in
the
youtube
as
a
reusable
asset
for
every
one
of
you.
The
next
call
is
happening
on
february.
15Th
at
8
am
pacific
time,
but
that's
it
for
today.
Thank
you
for
joining
and
thank
you
for
your
feedback
and
keep
the
feedback
coming
as
well.