►
Description
Microsoft 365 platform community call delivered on January 18th. Demos - Show a user's emails in an ASP.NET Core app with Microsoft Graph, Deep dive on Viva Connections Adaptive Card Extension development, and Microsoft Graph Toolkit – Using the People Picker Component 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. Microsoft 365 Community (PnP) – January 2022 update is available! 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
So
welcome
everybody
to
the
microsoft
365
platform.
Community
called
this
is
our
weekly
series
happening
every
single
tuesday
at
8
am
pacific
time
and
microsoft,
employees
so
pms
cloud
advocates
and
engineers
do
presentations
and
demos.
Within
this
calls
we
also
covered
the
latest
and
updates
on
from
a
news
perspective
related
on
our
microsoft
365
platform
and,
of
course,
we'll
we'll.
Do
a
quick
group
photo
together?
All
of
us
in
the
call?
A
Well,
technically,
it's
only
max
50
people
in
that
group
photo
for
now,
but
sooner
or
later
it's
going
to
be
more
than
that.
So,
let's,
let's
hopefully
we'll
have
more
people
visible
in
that
group
photo
sooner
or
later
now.
Today's
agenda,
we'll
start
with
the
latest
updates
and
news
on
the
microsoft
365
platform.
Like
always
we'll
have
the
monthly
summary
so
we're
listing
all
of
the
people.
Who've
been
active
within
the
past
month
within
the
microsoft
365
platform
and
the
kuder
companies.
A
This
wasn't
a
massively
successful
a
month
because
it's
understandable
because
it
was
the
holiday
season
so
but
we're
seeing
a
lot
of
other
excitement
and
community
contributions
across
the
open
source
areas
within
the
january
already
and
then
we'll
have
dan,
patrick
and
sebastian
are
doing
the
live
demos
today,
starting
like
quarter
best
or
so
now.
Quick
recap
on
all
of
our
assets,
which
are
available
for
you
to
take
advantage
and
we
have
two
different
youtube
channels.
A
We
have
the
official
microsoft,
resist
five
developer
youtube
channel
and
the
community
of
the
channel
partly
do
historical
reasons,
but
you'll
find
useful
videos
in
both
of
these.
All
of
the
community
calls
are
getting
recorded
and
all
of
the
demos
in
this
community
course
are
getting
also
published
on
the
community
youtube
channel
and
the
official
one
has
sent
then
a
bit
more
official
demos.
A
So
to
say
from
the
marketing
side
of
the
house
and
from
cloud
advocates,
we
have
a
lot
of
open
source
assets
available
for
you
to
take
advantage
advantage
in
a
github,
but
quite
often
it
might
be
overwhelming
and
difficult
to
find
the
relevant
sample
for
you.
So
that's
why
we
have
multiple
different
sample
galleries
available
and
sooner
and
more
and
more,
we
are
promoting
the
one
unified,
microsoft
365
sample
gallery,
which
we
have
all
more
than
800
samples
already
available.
A
I'm
going
to
share
the
slide
of
that
one
in
a
second
and,
of
course,
if
you're
wondering
that
way,
there's
wait,
wait.
Wait
too
many
urls.
I
can't
remember
all
of
this
stuff.
Luckily
there's
only
one
url
to
remember,
which
is
the
akms
m365
bmp.
Now,
as
always,
we
promote
our
microsoft
resistive
developer
program
in
this
course.
So
please,
please,
please
do
sign
up
on
this
program.
A
You
will
get
a
free,
e5
developer
tenant
with
25
accounts,
with
no
questions
asked
as
long
as
you
use
that
tenant
for
developer
purposes
and
and
validating
on
building
stuff
in
the
microsoft
365
platform,
so
akms
m365s
does
a
dev
program.
We
also
have
a
lot
of
lot
of
training
material
available
which
are
free
for
you
to
take
advantage
and
there's
automatic
tracking.
As
long
as
you
sign
in
technically,
you
don't
have
to
even
register
and
sign
in
to
get
access
on
all
of
these
awesome
materials.
A
A
We
also
have
the
unified
microsoft
365
sample
gallery
a
big
ms
m365,
that's
less
samples
where
we
have
more
than
880
samples
already
available
from
microsoft
and
from
the
community,
so
we
really
want
to
make
it
easy
for
you
to
find
a
starting
point
for
whatever
you
are
looking
into
building
in
microsoft,
365
platform
rather
than
starting
from
scratch.
I
saw
some
comments
actually
earlier
today
in
twitter,
from
one
of
the
mvps
saying.
Well,
it's
pretty
cool.
A
I
was
looking
into
doing
five
different
technical
topics
and
I
found
samples
for
four
of
them
directly
as
a
starting
point,
so
you
don't
actually
need
to
start
from
scratch.
You
can
always
find
a
sample
adapter
code
and
then
then
use
it
in
any
way
you
want
within
your
solution.
All
of
the
samples
are
by
the
way
mit
licensed,
and
that
means
that
you
can
take
advantage
of
them
any
way.
A
You
want
reuse
the
code
and
hopefully
make
billions
out
of
the
microsoft
365
platform,
because
that's
obviously
the
objective
now
on
the
sharing
is
carrying
it.
Now,
if
you're
wondering
how
to
get
started
on
on
all
of
these
things,
we
do
have
a
sharing
is
caring
program
and
I'm
going
to
throw
it
to
david
to
do
a
quick
intro
on
this
one.
B
Excellent,
thank
you
vessa.
Yes,
as
vesa
mentioned,
we
have
a
wide
spectrum
of
opportunities
for
you
to
use
the
resources
and
contribute
back,
but
there
are
oftentimes
hurdles
such
as.
How
do
I
submit
a
pull
request
for
the
first
time
or
I'd
love
to
present
a
demo
on
one
of
the
calls,
but
I'm
a
little
new,
a
little
nervous
I'd
like
some
guidance.
I'd
like
some
help
sharing
is
caring,
is
a
program
that
is
here
to
provide
hands-on
guidance
and
a
safe
space
opportunity.
B
Our
sessions
are
not
recorded
with
the
exception
of
the
amas
and
is
an
awesome
opportunity
for
you
to
collaborate
with
members
of
the
patterns,
practices,
team
and
microsoft,
employees
to
see
how
you
can
get
more
involved
again.
These
are
not
recorded
they're,
safe
space,
they're,
absolutely
free.
We
have
a
wide
spectrum
of
topics.
In
fact,
today
we've
got
the
power
platform
samples
first
time
contributor.
If
you
go
to
the
sharing,
is
caring
site.
B
A
Excellent,
thank
you
david
on
that
one
now
a
few
recurrent
slides.
So
we
do
have
two
different
podcasts
related
on
our
microsoft
365
areas
from
microsoft.
First
of
them
is
the
microsoft
365
developer,
podcast
from
jeremy,
fake
and
then
paul
shuffle
and
apple,
polish
and
mvp
and
theramis
from
microsoft,
and
this
is
a
great
podcast
to
stay
up
to
date
on
what's
happening
within
the
microsoft
365
developer
areas.
The
second
broadcast
is
hosted
by
me
and
wildlife.
A
Mastercard
spaldick
is
a
cloud
advocate
from
the
microsoft
365
cloud
advocates
and
in
this
one
we
also
cover
the
latest
news
and
latest
updates
from
the
community,
and
we
typically
have
a
visitor
in
the
show,
as
well
to
talk
about
different
topics
for
their
careers
development
and
all
of
that
stuff
as
well.
The
latest
one
we
had
robia
williams,
you
say
cloud
advocates
from
australia
and
we
talk
about
her
career
development
and
what
it
means
to
be
a
cloud
advocate
and
that
went
live
actually
earlier
today.
A
Now,
on
the
official
news
on
the
microsoft
365
platform,
we
actually
have
only
well
technically
only
one
news
from
the
typical
blog
post,
which
is
the
new
single
sign-on
service
for
office.
Add-Ins,
it's
rolling
out
in
the
office
on
the
web,
and
this
is
relatively
short,
blog
post,
explaining
the
new,
simplified
single
sign-on
opportunities
for
office
add-ins
and
then
referencing
the
new
documentation.
A
So
if
you're
building
stuff
for
the
settings,
please
do
they
get
about
the
advantage
of
that
one.
So
it
simplifies
the
authentication
model
for
sure
the
second
new
blog
post,
which
is
actually
from
the
ship
on
syntax
blocks,
which
is
a
bit
not
that
well
known
location,
but
there's
a
new
craft
api
support
for
content
type
sync
enhancements,
and
what
this
means
that,
if
you
are
familiar
with
sharepoint
and
sharepoint
content
type
hubs,
there's
a
graph
apis
to
publish
your
content
types
from
the
content.hub
towards
the
individual
site
collections.
A
And
this
is
kind
of
a
typical
scenario
in
the
enterprise
content
management
world,
where
you
want
to
make
sure
that
the
specific
metadata
is
available
within
all
of
the
libraries
within
a
tenant.
So
there's
improvements
in
the
microsoft
graph
area
on
that
now
few
updates
also
on
our
monthly
summaries.
So
now
that
we
have
the
monthly
summary
out
as
well,
so
this
one
was
released
earlier
today
or
was
it
yesterday
night?
A
I
can't
remember
time
flies
when
you're
having
fun,
but
we
do
have
a
monthly
summary
related
on
all
of
the
activities
which
have
happened
within
the
past
month.
So
all
of
the
videos,
all
of
the
news,
all
of
the
contributors
or
the
samples
and
all
that
stuff
for
you,
which
you
can
find
from
the
single
single
blog
post
and
in
the
blog
host,
like
typically,
we
call
out
all
of
the
open
source
contributors
and
community
members
who've
been
active
within
the
past
month.
A
So
thank
you
thank
you
and
for
being
actively
involved
and
helping
us
to
build
this
community.
It's
it's
really
great
to
see
this
many
people,
even
on
a
holiday
month
to
actually
being
actively
involved
and
creating
samples,
blog
posts,
documentation
contributions
within
akita,
which
is
absolutely
brilliant,
and
let's
keep
on
doing
this
on
the
company
side
of
the
house.
A
That's
the
list
of
companies
which
we
have
a
permission
to
sell
your
local,
so
thank
you
for
these
companies
and
their
employees
being
involved
now
on
contributing
on
our
open
source
areas
and
the
companies
allowing
their
employees
to
actually
be
actively
involved
in
the
community
areas.
Thank
you
thank
you
for
that
and
on
the
microsoft
side,
a
big
list
of
people
as
well,
it's
great
to
see
the
growing
number
of
microsoft
people
who
are
actively
involved
and
now
quickly
watching
the
list.
A
I
do
not
know
why
bob
german
has
a
plus
on
top
of
on
front
of
his
name,
but
hey
will
be
swap
and
bird
is
birds,
so
it's
good
to
call
them
out
specifically
on
the
list
as
well.
Maybe
I
should
have
actually
double
checked
that
one,
but
thank
you
for
the
microsoft
employees
being
involved
as
well.
Now
before
we
go
to
the
actual
demos
of
today,
it
is
a
to
get
a
mode
picture
time,
so
let's
actually
move
into
the
get
it
together.
A
English
sorry
to
get
a
mode,
and
let
me
start
the
recorder,
I
will
move
you
on
the
right
to
get
a
mode
process
in
here.
I'm
waiting
sip
to
be
the
example
again
on
the
macro
or
wherever
we
are
seeing
you
soon.
Let's
wait.
Few
more
26
sec
a
little
bit
more
time,
we're
not
yet
in
max
50.
we're
getting
there
we're
getting
there.
A
Okay,
I
will
push
the
button
and
start
recording
not
yet
not
yet
not
yet
not
yet,
and
here
we
go
so
let's
do
some
handwriting
everybody
will
craft
a
gif
animation
out
of
this
one.
Thank
you
for
joining
us
once
again
on
this
weekly
community
call
awesome
to
have
you
in
here
brilliant
to
see
the
familiar
faces
week
after
week.
This
is
a
great
way
of
still
seeing
actually
being
like
in
person
events,
even
though
that
hasn't
happened
for
a
while.
So
thank
you
for
that
excellent.
A
I
will
catch
that
one
and
we'll
crap
a
cave
animation
out
of
that
one
now
time
to
go
to
the
actual
stars
of
today,
except
of
course,
zip
is
being
the
ultimate
star
on
the
slide
as
well.
That's
such
a
great
gif
animation
by
the
way,
but
let's
actually
move
on
the
actual
stars
of
today
and
we'll
start
with
dan
move,
then
to
patrick
and
then
say
bus,
then
at
that's
the
last
demo
of
today
and
I
can
see
dan
on
the
call.
C
All
right,
well
folks,
I'm
excited
to
be
here
with
you.
This
is
I've
watched
some
of
the
recordings,
but
it's
the
first
time
I've
been
able
to
join
live,
and
so
this
will
be
fun.
I'm
looking
forward
to
talking
with
you
real
quick
here,
so
let
me
go
ahead
and
start
up.
I
only
have
a
few
slides
to
go
over
really.
C
The
goal
of
this
is
to
introduce
you
to
a
feature,
that's
part
of
microsoft
graph
and
it
allows
you
to
pull
in
email
into
your
custom
maps,
and
you
could
even
do
a
lot
more
than
that,
but,
as
vasa
mentioned,
my
name
is
dan
wallin.
I'm
a
cloud
developer
advocate
at
microsoft
and,
like
I
said,
I'm
really
excited
to
be
here
to
talk
with
you
today.
C
So
let's
jump
on
in
a
lot
of
you
probably
know
all
about
microsoft
graph
and
know
that
you
can
get
to
things
like
mail.
You
can
get
conversations
from
teams,
files,
events,
calendar
items,
meetings
and
more
and
the
list
just
goes
on
and
on
and
on,
but
I
know
there
might
be
a
few
of
you
that
say:
yeah
and
I've
heard
of
it.
I
know
a
little
bit
what
it
is,
but
maybe
I
haven't
done
it
so
I'm
going
to
speak
to
you
real
quick.
C
C
Well,
let's
say
we
have
a
customer
application
and
in
this
application
people
can
work
with
customers
orders.
Maybe
invoices
stuff
like
that.
You
know,
there's
only
about
a
million
of
these
out
there
that
we,
some
of
you,
have
probably
written
actually
and
how
many
times
have
you
worked
in
an
app
where
you
say
you
know
to
complete
this
info.
Whatever
I'm
doing,
I
pretty
sure
there
was
an
email
I
received
or
I
sent,
or
maybe
there
was
a
calendar
meeting
scheduled
about
it
and
then
you
jump
to
your
email
client.
C
If
you're
like
me,
you
kind
of
forget
what
you
were
doing
in
the
first
place.
You
get
distracted
and
you're
like
oh
yeah.
The
whole
reason
I
was
here
because
then
you
start
checking
email
was
to
get
this
one
email
to
then
plug
that
information
to
the
app
a
lot
of
context,
shifting
there
and
there's
a
lot
of
organ
organizational
data
and
intelligence
that,
as
developers,
we
just
don't
generally
think
of
we
kind
of
think
of
forms
over
data
database
driven
apps.
C
But
what
if
you
could
take
your
app
to
the
next
level
and
actually
bring
content
that
would
be
valuable
to
users
where
they
work
now,
of
course,
if
you're
going
to
access
their
email
or
their
files
or
things
like
that,
it
needs
to
be
very
secure.
So
everything
I'm
going
to
talk
about
relates
to
microsoft,
identity
and
once
we've
authenticated
and
done
a
little
bit
more
from
a
coding
standpoint,
we
can
get
what's
called
an
access
token
and
that
access
token
is
kind
of
like
the
key
to
say,
hey
microsoft,
graph.
C
I
want
to
be
able
to
get
this
or
this
or
this
now
the
user
and
there's
a
couple
ways.
You
can
do
this
at
the
app
app
level
or
the
user.
I'm
going
to
talk
about
the
user
today,
they
can
actually
then
accept
and
you've,
probably
all
seen
this.
You
know
this
app
would
like
to
access
your
email
in
read
only
or
maybe
read
write,
or
this
app
would
like
to
get
to
your
files.
So
you
have
permissions
that
the
user
will
have
to
accept.
C
Assuming
they
accept
that,
though
we
can
use
the
access
token
that
will
be
generated
and
we
can
actually
make
these
calls
and
that's
what
we're
going
to
talk
about.
So
the
good
news
here
is,
I
only
have
about
15
minutes
or
so
so
this
will
be
really
quick,
but
this
is
all
in
a
microsoft,
learn
module,
as
mentioned
earlier,
so
everything
that
you
see
here
you
can
get
to
after
you
can
get
step-by-step
instructions.
C
C
Then
we
need
to
register
that
app
in
aad
azure
active
directory.
It
will
walk
you
through
that
and
then
this
is
a
net
core
demo.
I'm
going
to
do
now.
I
want
to
emphasize
that
you
could
be
doing
python
or
javascript
or
java
or
whatever
it
may
be,
and
you
could
do
the
same
thing
today,
I'm
going
to
focus
on.net
core,
but
again
it's
open
to
pretty
much
any
language
and
framework
just
about
that's
out
there.
C
So
we're
going
to
be
talking
a
little
bit
about
middleware,
real,
quick,
a
custom
class
called
graph
email
client,
that's
part
of
this
module
for
learn
and
then
we're
going
to
show
how
to
use
that
to
call
microsoft
graph
and
then
ultimately
render
emails.
So
with
that,
let's
go
ahead
and
jump
on
in
now,
I'm
going
to
open
vs
code
and
the
only
reason
I
really
debated
this.
C
C
Now
let
me
first
start
off
by
kind
of
showing
the
demo
when
you
go
to
the
learn:
module
they'll,
have
you
clone
a
github
repo
and
that's
going
to
have
a
begin
solution
that
you'll
work
with
I'm
going
to
work,
given
that
I
have
about
10
minutes
left
with
the
end
solutions,
you're
not
going
to
see
a
lot
of
typing,
but
I
want
to
run
this
demo
just
really
quick.
So
you
can
get
an
idea
of
what
you
can
do
so
we're
going
to
do
a
standard.net
run.
C
C
Well,
that's
because,
as
you're
gonna
see
in
this
module,
we'll
walk
you
through
registering
your
app
with
azure
active
directory
and
then
I'm
going
to
talk
about
the
middleware
code.
That
kind
of
ties
that
to
azure
directory
in
just
a
moment.
Now
I
have
a
developer
tenant.
If
you
don't
have
one
of
these,
you
should
get
one.
They
are
super
cool.
This
was
mentioned
earlier.
You
basically
get
your
own
microsoft,
365
environment
and
you
can
even
be
admin.
C
So
if
at
work
they
deny
you
from
doing
certain
things,
you
can
do
whatever
you
want
with
this
one
all
right,
so
let
me
go
ahead
and
log
in
and
this
is
in
in
a
private
window,
so
it
won't
really
matter
if
I
stay
logged
in
and
what
this
should
show
is
my
profile
to
start
now.
If
you
go
through
this
learn
module,
this
part
of
the
code
will
be
done
for
you,
but
you're
going
to
notice.
I
have
welcome
dan.
C
I
went
into
one
of
my
users
that
the
custom
developer
tenant
gave
me
renamed
it
to
myself
put
in
my
photo
and
then
up
here,
you'll
notice.
I
can
sign
out,
and
then
this
is
actually
my
my
fake
cloned.
I
guess
you
could
say
status
and
right
now,
I'm
busy
and
if
I
actually
went
to
teams
and
change
that
to
available
and
then
refreshed,
then
this
is
also
using
microsoft,
graph
to
kind
of
show,
presence
and
that's
kind
of
cool.
You
could
integrate
that
now.
C
We're
not
going
to
have
time
to
go
into
that
today,
because
we're
going
to
focus
on
the
email
aspect,
so
this
is
now
pulling
email
live
from
my
developer,
tenant
that
I
have
there's
some
other.
Just
as
a
heads
up,
I
think,
beginning
of
february,
I'm
back
to
talk
a
little
bit
about
calendar
events,
we're
going
to
do
the
kind
of
the
same
thing
and
then
there's
already
been.
I
think
my
colleague
bob
german,
who
you
all
probably
know
pretty
well.
C
He
gave
a
talk
on
files,
so
you
can
upload
download
files
and
things,
but
when
it
comes
to
email,
email's
a
little
interesting
when
it
comes
to
what
we
typically
call
paging
so
email
we
typically
batch
and
the
reason
is
that
what
goes
into
your
inbox,
not
just
email
right.
You
have
calendar,
invites
and
other
things
that
can
show
up
as
well,
so
what
this
call
to
microsoft
graph
will
do,
which
I'll
show
you
in
a
moment
is
it'll
actually
filter
out
the
stuff.
That's
not
email
messages.
C
So
now,
if
I
come
down
to
the
bottom
and
say
next
page,
it's
not
contiguous
as
far
as
the
order
goes,
so
in
other
words,
if
I
had
25
things
in
my
inbox,
but
five
of
those
were
median
invites
or
something
then
this
will
automatically
take
that
out.
So
luckily,
there's
a
way
to
grab
the
next
batch
of
email
without
having
to
write
any
custom
code
to
say
ignore
this:
ignore
this
ignore
this
it'll
just
kind
of
do
that
for
us,
so
really
nice
all
right.
C
So
that's
just
what
you'll
end
up
building
in
the
demo,
so
I
can
go
ahead
and
I
can
do
the
normal
sign
out
close
my
browser,
those
type
of
things.
Okay.
So
let's
spend
the
rest
of
the
time
by
going
through
some
of
the
code
here
and
what
I'm
going
to
talk
about.
Just
really
quick
is
first
off
there's
going
to
be
three
key
assemblies
that
this
project
will
use:
you'll,
see
microsoft,
identity,
web
web
ui
and
then
web
microsoft
graph.
C
This
is
where
most
of
what
I'm
going
to
show
you
is
going
to
come
from,
but
there's
some
extension
methods
in
just
a
moment,
they're
going
to
come
from
these
top
two
as
well,
so
I'm
going
to
jump
to
our
startup
cs
now,
if
you've
done.net
core
at
all-
and
if
you
haven't
don't
worry
because
it's
similar,
no
matter
what
language
or
framework
you
use
just
different
code,
obviously,
but
we
have
our
standard
suspects
here.
This
is
if
you're
new
to
this.
C
This
is
what
kind
of
fires
up
one
of
the
first
things
that
fires
up,
so
we
register
our
configuration
and
then
this
is
where
we
configure
our
services
and,
quite
honestly,
this
is
generally
the
most
challenging
thing
to
get
right.
When
you
do
this
with
pretty
much
anything
involving
security
right,
the
good
news
is
first
off.
I
don't
have
this
memorized.
I
am
really
good
at
leveraging
code
I've
already
written
how
many
of
you
quick
show
of
hands
borrow
from
yourself
on
a
very
frequent
basis.
C
If
you
do
that's
good,
but
I
do
want
to
walk
through
just
really
quickly
some
fundamentals
here,
so
you'll
notice,
we
have
some
services
and
we're
going
to
configure
using
extension
methods.
Things
like
what
are
we
going
to
use
for
authentication
open
id
connect,
authentication
scheme,
we
want
to
add
microsoft
identity,
the
web
app.
You
saw,
I
just
used
that
actually
to
log
in,
but
this
is
the
really
these
next
two
are
the
really
critical
pieces
for
microsoft.
Graph
notice
enable
token
acquisition
to
call
downstream
api.
What's
that
mean?
C
C
That's
what
this
is
setting
up
and
you'll
kind
of
see
that
in
the
comments
and
then
we
actually
add
some
configuration
information
from
app
settings
into
this.
Add
microsoft,
graph
extension
method
from
there
we
have
some
other
things
like:
where
are
we
gonna
store?
The
tokens
in
this
case
it's
in
memory
cache
there
is
some
other
options
now.
The
last
thing
I
want
to
point
out
in
this
section
is
that
you'll
notice
right
here,
that
we
have
this
authorization
policy
builder.
C
What
this
is
going
to
do
is
actually
make
it.
So
you
have
to
log
in
to
every
page,
even
the
home
page,
because
I'm
going
to
call
microsoft
graph.
I
need
to
know
who
you
are
all
right.
Now,
that's
the
main
middleware
and
that's
a
really
quick
overview
I'll
admit
if
you
check
out
the
learn
module.
There's
a
lot
more
detail
on
this,
but
this
is
one
of
those
things
you
generally
get
right
once
and
then
you
call
it
a
day
and
then
you're
you're
good
to
go.
C
Now,
I'm
going
to
jump
down.
There's
some
bonus
stuff
in
here.
That's
commented
out,
but
I
want
to
jump
down
to
these
guys.
This
is
where
we're
going
to
register
for
dependency
injection,
some
custom
classes,
so
you'll
notice
earlier
I
got
the
profile
and
I
got
the
email
and
I
could
have
shown
calendar
and
files
and
stuff
like
that.
C
Well,
this
is
the
last
piece
we're
going
to
talk
about
actually
today
the
final
piece
in
this
file
I
want
to
show
you,
though,
is
we
configured
everything
for
the
middleware.
This
is
actually
where
we
then
say:
okay,
let's
use
this
as
middleware
and
if
you're
new
to
middleware
it's
kind
of
like
a
subway.
The
request
is
like
the
subway
going
this
direction.
C
That
could
add
a
cookie,
for
example,
had
a
token
things
like
that,
so
if
you're
new
to
it
that's
kind
of
what
middleware
does
it's
kind
of
like
a
subway
train
all
right,
so
the
next
thing
we're
going
to
talk
about,
I
think,
is
the
fun
part,
and
I
I
do
want
to
emphasize.
Let
me
show
one
more
quick
thing
here
so
when
you
go
to
this,
learn,
module
and
I'll
have
a
link
again.
C
At
the
end-
and
you
hit
start
there's
going
to
be
units
and
one
of
the
unit
units
and
if
you're
new
to
this
is
really
good
to
know,
though,
is
configure
in
your
app
now.
I
don't
have
time
to
go
into
all
of
this
part,
but
I
want
to
assure
you
that
there
are
screen
shots
and
step-by-step
instructions
on
how
to
actually
do
this
for
net
core
app
and
really
just
any
server
side
type
web
app
like
the
one
I'm
showing
right
now
and
literally
it'll.
Take
you
like
five
minutes.
C
C
Well
the
assembly
I
showed
earlier
for
the
web
microsoft
graph,
there's
a
graph
service
client
in
there,
and
if
you
haven't
worked
with
microsoft
graph
before
I
would
encourage
you
to
go
to
aka
dot.
Ms
slash
ge
graph
explorer-
and
this
is
where
you
can
actually
play
with
it.
So,
like
here's,
my
profile
and
I
should
get
back
some
json,
my
bandwidth
is
not
cooperating
right
now,
email
and
stuff
like
that.
So
this
is
a
great
place
to
learn
about
the
api
calls
notice.
This
me
slash
messages
right
here.
C
Okay,
let
me
go
ahead
and
go
back
and
what
we're
going
to
do
is
instead
of
having
to
do
raw
rest,
calls
we're
going
to
use
this
graph
service
client
here
we're
going
to
inject
it
right.
There
store
it
in
a
field
and
now
look
at
this
code
right
here
right,
it's
actually
going
to
say:
let's
use
this
graph
service
client
there's
the
me
that
would
just
get
the
profile,
that's
actually
in
the
graph
profile,
client
class.
But
in
this
case
we
want
email
messages.
C
Now,
there's
some
more
code
in
here
for
the
load,
the
next
batch,
if
you're
interested,
that's
all
in
the
learn
module,
but
I'm
real
close
to
out
of
time
here.
So
luckily
I'm
on
schedule.
I
have
one
last
thing
to
show
you,
so
this
is
great
because
now
we
have
a
reusable
method,
called
get
user
messages
to
go,
get
our
messages,
but
we
need
to
display
them
in
a
page
right.
C
So
this
is
using
asp.net
core
razer
pages.
If
you
haven't
used
that
before
and
you
do
net
core,
it
is
awesome.
I
love
it.
Nbc
is
great,
but
I'm
a
big
fan
of
razer
pages,
so
I'm
going
to
go
into
email,
cshtml.cs
and
you'll
see
it's
pretty
clean.
We
have
a
little
authorization
attribute
on
top
of
our
class,
but
other
than
that
we
have
two
properties
and
we
inject
our
graph
email,
client,
okay,
we're
going
to
store
that
in
a
field
and
now
look
how
clean
it
is
to
actually
get
our
messages.
C
Now.
This
one
adds
just
a
little
bit
more
for
the
batching
aspect,
but
it
if
you
look
up
this
method
and
go
through
the
module.
It's
pretty
much
the
identical
code.
I
showed
here
in
fact,
you'll
see
it
right
here,
but
microsoft
graph
will
return
you
a
link.
You
can
use
to
get
the
next
page
if
you
will
or
batch
of
emails.
C
So
this
will
all
be
in
the
code
if
you're
interested
in
doing
that
now,
once
we
get
our
messages,
we
hook
that
into
a
property
called
messages,
and
then,
of
course,
we
render
it
so
in
here
we
check.
If
the
user
is
authenticated,
do
we
have
any
messages
and
then,
if
we
do
we're
going
to
go
ahead
and
loop
through-
and
this
is
where
you
actually
saw
those
little
kind
of
cards
if
you
will
written
out,
so
that's
a
really
quick
overview.
C
I
would
challenge
you
consider
what
type
of
organizational
data
could
you
include
now
we
just
covered
email,
but
there
are
many
other
examples
out
there
you
can
include
so
the
user
doesn't
have
to
go
jumping
around.
They
can
get
right
to
that
data
right
in
the
app.
It's
amazing
how
much
more
productive
we
can
make
our
users
it
reduces
user
context.
Switching
of
course
we
secure
the
app
with
microsoft
identity.
So
it's
super
secure
and
there's
permissions
involved
and
then,
as
I
showed,
you
can
encapsulate
this
and
you
could
reuse
it
across
apps
as
well.
C
You
can
make
a
reusable
class
library,
for
example,
so
if
you
get
some
time
have
fun
and
go
through
the
learn
module
on
your
own,
here's
the
link
again-
and
I
hope
you
enjoyed
what
you
heard.
I
hope,
if
you
haven't
thought
about
doing
this,
that
you
will,
because
it
really
can
take
your
wraps
to
the
next
level.
So
with
that,
let
me
go
ahead
and
stop
sharing
here
and
I'll
turn
it
back
over
to
everybody
else.
A
D
So
what
we're
gonna
talk
about
today
is
state
in
spfx
aces
and
there's
been
a
few
questions.
I've
heard
from
folks
on
state
there's
a
little
bit
of
confusion,
maybe
around
state
and
how
it
relates
to
react
state,
because
the
methods
you
call
such
as
set
state
are
very
similar.
So
one
thing
in
react
you
can
think
about
is
every
component
in
react:
can
have
a
state
of
its
own,
so
it
can
internalize
its
own
state.
D
D
The
reason
for
that
is
kind
of
like
react
is
a
much
bigger
thing.
It's
made
to
model
potentially
entire
websites,
much
more
complex
systems,
whereas
aces
are
more
designed
conceptually
around
a
single
user
experience
at
the
time
where
it
makes
sense
to
have
a
single
state.
So
something
like
a
coded
check-in
checking
the
weather,
reserving
a
desk
in
an
office
or
booking
a
flight.
You
know
single
interactions.
That
typically,
would
have
you
know,
understandably
this
idea
of
a
shared
state.
D
So
let's
real
quick,
look
at
a
demo
here,
and
so
I'm
gonna
refresh
this
page
real,
quick
and
you'll
see
when
this
first
loads
bump
it
into
preview.
It
says
zero
items
found
and
we'll
just
wait
a
little
bit
now
to
ten
items
found
and
I'm
gonna
click
on
the
quick
view
and
you'll
see.
I
get
this
beautiful,
quick
view
card
here
and
it
said
loading
and
now
I
get
this
information
here
and
I've
got
some
buttons.
I
can
go
previous
next,
so
I'm,
but
still
loading
again.
Why
are
we
loading
there?
Why
don't?
D
D
So
this
is
a
a
simple
ace
extension
that
is
more
or
less
boilerplate,
except
for
a
couple
of
things.
I've
updated
the
state
here
to
have
a
collection
of
items
that
are
of
this
type
up
here
with
an
idea,
title
and
details,
and
then
an
active
index
number,
that's
which
one
I'm
showing
on
that
quickview
at
any
time.
Right
and
I'm
gonna
come
down
here
and
we
always
need
to
establish
an
initial
state,
and
our
initial
state
is
always
gonna,
be
nothing
right.
D
Come
to
our
card
view
and
our
card
view
is
the
the
cardview
you
get
right
when
you
scaffold
it
except
I've
just
updated
it
here
to
reference
this
gut
state
items
link
and
all
we're
saying
is
hey.
We
found
the
length
of
the
items
array
and
you
saw
that
started
out
at
0
and
then
updated
to
10,
because
we
actually
have
10
items
in
that
list.
That's
backing
this
this
example
and
we
come
up
here
and
so
what
we
do
is
we
we
set
our
initial
state
and
then
this
other
stuff
happens.
D
This
is
just
some
stuff
to
ensure
we've
got
the
sample
list,
we're
going
to
get
our
items
and
then
we're
going
to
set
the
state
with
those
items
and
then
we're
checking
to
see
if
we
got
some
items
you
know
juggle
our
active
index
there,
but
we
just
want
to
set
those
items
so
real,
quick.
Let's
look
at
the
get
items
method
here,
and
so
this
is
the
case
of
where
we
only
want
to
load
what
we
need
into
state
at
any
given
time.
D
But
we
want
to
load
enough.
You
know
to
sort
of
optimize.
Our
network
calls
right,
so
we
want
to
load
as
little
as
we
can,
but
just
enough.
So
it's
a
balancing
act
that
I
encourage
you
as
you're
building
your
applications
to
really
think
about
that
and
think
about
those
trade-offs
of
where
you
can
keep
stuff
in
state.
Keep
stuff,
perhaps
in
local
storage
or
session
storage,
to
reduce
network
calls,
but
then
for
things
that
are
very
large
only
request.
Those
via
network
calls
when
it
makes
sense,
and
so
what.
D
Is
we're
getting
the
top
20
and
we're
selecting
only
the
title
and
the
id
in
this
example,
this
sample
details
is
a
text
field,
but
it
could
be
potentially
100
other
fields
on
a
record
right
in
a
list,
or
you
know
a
bunch
of
user
data
out
of
graph
or
something
out
of
a
sql
database.
That
potentially
has
you
know
thousands
of
data
points
to
it.
So
we
only
want
to
load
the
details
when
we
need
the
details.
D
The
other
thing
we're
doing
here
is
we're
caching
in
local
storage,
and
this
is
another
great
capability
you
should
take
care,
take
advantage
of
when
you're
doing
any
kind
of
spfx
programming,
whether
it's
web
parts
or
whether
it's
aces
store
things
that
make
sense
to
store
in
local
storage
or
session
storage.
Whichever
is
appropriate
for
your
application,
but
make
use
of
casting
as
much
as
you
can.
I
know
graph
library
supports.
D
D
We're
going
to
get
our
zero
items
and
then
our
10
items
very
quickly,
and
so
this
updates
with
no
further
code
on
our
part.
So
you
can
also
think
of
state
a
little
bit
like
event
based
program
control.
Updating
state
causes
your
application
to
do
things
or
to
change
an
updated
ui.
So
it's
another
important
thing
to
think
about
when
you're
thinking
about
state
the
next
piece
of
state
I
want
to
talk
about.
Is
this
idea
of
only
loading
things
as
you
need
them?
D
If
we
look
at
the
quick
view,
we
only
want
to
load
these
details.
When
an
item
is
selected,
we
default
to
selecting
the
first
item
item
0
index
0,
but
then
we
have
previous
and
next
buttons
here
that
you
all
have
seen
paging
before
in
programming,
no
reason
to
go
into
depth
there,
but
we're
only
going
to
load
those
details
and
we're
not
going
to
store
those
details
in
local
storage
or
session
storage,
though
we
could,
but
again
that's
thinking
about
the
trade-offs
storing
stuff
in
memory
storing
stuff
in
the
browser
on
disk.
D
Essentially,
you
know
because
there's
trade-off
times
between
reading
lots
of
data
off
the
disk
as
well
versus
network
requests,
so
things
to
really
think
about
with
state,
but
we're
going
to
update
our
item
and
because
the
way
javascript
works,
we
can
get
our
items.
We
can
get
the
message
out
of
those
items
we
can
set
that
messages
details
once
we
get
them
and
then
we
can
set
the
state
of
that
entire
collection
again
and
we'll.
D
D
And
so
we'll
go
to
our
quick
view,
we're
loading
there
and
these
are
artificial
delays,
I've
put
in
there.
So
this
would
be
a
lot
faster,
but
I've
put
a
little
three
second
delay
in
there.
So
we
can
click
through.
We
can
see
that's
loading
right.
We
click
through.
We
can
see
that's
loading,
but
when
we
go
back
because
we're
updating
the
state,
we
don't
need
to
load
it
again.
D
We've
got
that
value
in
memory,
so
we've
loaded
it
only
when
we
need
it,
but
we've
held
on
to
it
in
case
the
user
wants
to
go
back
and
forth
through
the
data
and
if
we
go
to
the
next
one
you
know
we
can
see
we're
making
those
web
calls
there
and
so
just
to
show
you
kind
of
a
little
bit
of
the
casting
behind
the
scenes.
We'll
go
to
the
network.
Tab
we'll
go
to
our
quick
view.
We've
made
no
requests
there
we're
loading
here
and
we
get
our
item
there.
D
If
we
go
previous,
nothing
happens
because
we've
got
our
value
in
state.
Previous,
nothing
happened
still
in
state,
five
is
in
state
and
then
six
will
show
up
because
it
was
not
in
state,
and
so
we
get
our
values
there,
and
so
that's
a
quick
overview
of
state
and
one
thing
I
really
want
to
kind
of
sort
of
reminds
you
of
that
state.
Is
this
shared
idea
inside
spfx
aces,
so
all
of
the
views,
whether
it's
a
quick
view
or
a
card
view?
D
A
D
Some
things
to
be
careful
of
you
don't
want
to
update
state
too
often
you
don't
want
to
update
state
in
a
loop
right,
so
you
might
update
state
that
triggers
another
thing
that
goes
and
updates
the
state
that
somehow
gets
you
in
a
loop
there,
something
to
be
careful
of
there.
So
you
know
keep
those
things
in
mind
when
you're
dealing
with
with
state.
D
So
you
can
maximize
both
the
initial
load
times
the
ui
performance
of
your
application,
as
well
as
limit
the
amount
of
network
traffic
as
much
as
possible,
because
you
know,
ultimately,
all
of
those
things
come
together
to
help
build
the
performance
profile
of
your
application
and
state
the
core
part
of
that.
And
so
with
that
I
have
finished
under
time
and
will
pass
things
back
over
to
vasa.
A
Thank
you,
patrick
really,
cool
demo
and
great
explanation
on
the
importance
of
the
state,
and
I
I
I
love
the
rabbit
against
horses
discussion
as
well,
but
great
work
on
the
regardless
of
the
voice
challenges,
and
hopefully
that
will
get
better
for
the
next
one
as
well.
But
thank
you
patrick
on
that
one
really
really
cool
stuff
good.
Next,
on
the
on
the
demo
queue
sebastian,
which
control
are
we
going
to
cover
today.
E
They
are
also
very
customizable
and
they
work
on
any
type
of
modern
browser.
So
that's
really
the
value
that
we're
trying
to
deliver
with
the
microsoft
graph
toolkit.
Why
would
you
use
them?
First?
You
want
to
cut
on
development
time,
building
capabilities
that
are
connecting
to
microsoft.
Graph,
sometimes
can
be
even
if
connecting
to
graph
is
usually
a
task
that
is
quite
easy
to
do.
E
Building
controls
are
delivering
rich
value
is
sometimes
hard,
so
we
want
to
save
you
some
time
and
really
focus
on
your
business
value
by
adding
these
ui
components,
just
with
a
simple
line
of
code
inside
your
application,
we're
going
to
look
at
that
a
little
bit
later,
they're
beautiful
but
they're
flexible.
So
we
make
the
microsoft
graph
toolkit
controls.
Look
like
microsoft,
365,
leveraging
the
fluid
ui
design
system
that
we
have,
but
also
we
make
them
fully
customizable.
E
So
if
you
want
to
bring
your
own
branding
your
own
design
guidelines,
you
can
also
do
that
so
providing
the
default
value,
but
also
enhancing
the
experience
with
customizing
it
to
your
own
needs.
And
finally,
it
just
works
everywhere
as
it's
based
on
the
web
standards,
any
type
of
browsers
any
type
of
framework
will
use
that.
So
you
don't
have
to
find
a
specific
library
for
angular
or
a
specific
library
for
vue.js.
No,
you
just
need
to
use
microsoft.
E
Graph
token
and
it's
gonna
work
across
the
variety
of
different
capabilities
that
we
have
in
the
web
today.
I
always
love
to
say
that
there's
a
new
javascript
framework
being
invented
every
15
seconds,
so
now
we're
putting
potentially
at
like
four
new
frameworks
since
I
started
this
session
today.
So
that's
the
beauty
of
the
graph
toolkit
we
work
even
with
the
the
very
very,
very
newest
stuff.
E
E
How
many
times
do
you
run
across
a
scenario
where
you
want
to
be
able
to
build
a
form,
build
a
ui
that
allows
people
to
select
users
or
groups
from
your
organization,
maybe
you're,
building
and
to
build
on
top
of
demo
from
dan
today,
maybe
you're,
building
something
around
emails
and
you'd
love
to
have
like
a
two
fields
and
a
cc
feel
in
a
bcc
field
where
you
can
select
people
from
around
the
organization?
Well,
that's
one
of
the
scenarios
that
delivered.
E
Maybe
you
want
to
assign
somebody
you
can
use
this
kind
of
control
and
with
all
the
different
capabilities
and
settings
that
you
can
put
on
that
control,
you
can
really
customize
it
to
your
own
needs,
so
how
to
start.
You
drop
an
mgt
into
your
page
and
you
use
the
mgt
people
picker
component.
So
let
me
dive
into
the
code
right
away,
and
this
is
our
app
right.
Our
app
starts
with
we're
referencing
our
mgt
packages.
E
Here,
I'm
using
like
plain
html,
the
same
plain
html
we've
been
using
throughout
the
previous
week,
so
not
even
like
a
framework
in
there,
just
like
plain
html,
a
couple
of
simple
stylings
to
make
it
beautiful
and
finally
we're
using
our
provider
and
our
login
component.
The
provider
connects
your
app
to
your
azure
80
application
and
enforces
all
the
different
scopes
and
permissions
that
you
need
will
also
pop
up
for
your
username
and
password
if
you're
not
already
logged
in
thanks
to
the
mgt
login
component.
That
is
right
here.
E
On
top,
you
can
see
it
here
and
finally,
afterwards,
we're
just
going
to
go
through
and
look
at
all
the
different
samples
we
have
here.
Let
me
just
zoom
in
this
guy
a
little
bit,
so
you
can
see
it
in
a
little
bit
better
for
y'all.
So,
let's
start
with
a
simple
picker
experience,
a
simple
picker
experience
is
around
one
of
the
endpoints
of
graph,
which
is
slash
me.
Slash
people
that
slash
me
slash.
E
So
when
we're
just
using
the
mgt
people
picker,
as
is
well
when
I
click
here,
the
people
that
we're
seeing
here
are
the
people
that
are
around
me.
It's
not
people
that
are
around
based
on
the
structure
of
the
organization,
but
really
with
people
that
are
around
my
collaborative
style,
and
here
I
can
select
these
people.
E
I
will
be
able
to
select
as
many
of
them
as
I
want,
and
I
will
be
able
to
refer
to
these
people
to
do
something
later,
we're
going
to
see
that
in
just
a
bit,
but
this
can
be
hooked
up
to
any
type
of
apps
any
types
of
web
form
that
is
relevant.
What
do
you
find
in
there?
Well,
you
find
by
default
the
name,
the
picture.
All
of
that
is
all
customizable
thanks
to
the
way
that
we're
building
the
microsoft
raffle
kit
with
all
the
templates.
E
E
You
can
find
the
the
component
you're
looking
for
and
you
can
actually
go
to
the
template,
and
these
templates
will
tell
you
hey
here:
are
all
the
templates
you
can
overwrite.
So
if
you're
not
happy
with
how
it's
being
displayed
here,
you
can
always
say:
hey.
You
know
what
the
selected
person,
so,
when
the
the
template
that
renders
selected
people
exactly
this,
you
can
override
it
with
your
own
html
styles
and
your
own
html
controls
in
there.
So
here
you
don't
even
have
to
think
about
how
this
plays
out.
E
You're
gonna
have
to
redo
the
entire
control.
No,
you
just
need
to
re
redefine
this
specific
template
here
we
have
an
example
of
that.
We
did
last
week
with
our
people
component,
but
it's
really
up
to
you
to
define
this.
All
the
documentation
is
right
here
so
now.
What
else
does
it
do?
It
allows
me
to
delete
some
of
the
of
the
person's
wrong
choice,
but
also
it
allows
me
to
leverage
other
mgt
controls
like
the
people
card,
for
instance.
E
So
if
I
go
on
top
of
joanna
here,
I
will
be
able
to
pull
up
the
full
person
card
of
this
person.
So
you
see
how
all
of
these
controls
are
very
tightly
connected
together
and
really
delivers
really
interesting
value.
So
that's
the
simple
way
or
the
simpler
way
to
use
the
mgt
people
picker.
But
let's
say
here
that
you
want
to
specifically
define
a
group
of
people,
not
the
people
around
you,
but
the
people
that
are
in
a
specific
group.
You
can
also
do
this.
E
So
when
we're
looking
at
this
example
here
you
can
change
first
here
the
placeholder
see
it
here.
You
can
have
a
selection
mode.
So
let's
say
I
just
want
to
select
one
single
one
and
finally,
I
could
say
group
group
dash
id
equals
and
here
you
can
paste
in
the
id
of
a
group
or
you
can
pass
it
via
javascript,
based
on
the
result
of
a
selection
from
I
don't
know,
a
group
picker
control
and
then
automatically
it's
going
to
do
that
it's
going
to
limit
so
right
now,
let's
just
use
it
without
limiting
it.
E
Now
you
see
you
were
able
to
find
your
best
colleague.
So
now,
I'm
popping
up
again
the
trending
people
around
me.
I'm
going
to
select
alex
and
I
won't
be
able
to
add
anybody
else.
The
controls
becomes
disabled
for
adding
new
people
in
there.
I
can
clear
and
start
again
and
choose
whatever
you
think.
E
Let
me
go
on
to
the
next
one:
a
simple
people
picker
for
groups,
so
as
part
of
the
mgtt
people
picker,
you
always
have
the
ability
to
say
what
you're
looking
for
by
default
here.
It
would
say
any
okay
and
why
that
means
you
can
look
for
anything.
But
in
my
case
you
know
what
I
want
to
specifically
look
for
groups,
because
I
want
to
notify
a
group
of
people
based
on
the
different
groups
created
in
azure
active
directory.
E
What
I
can
do
here
can
go
here
and
now
you
see
the
experience
is
not
the
same.
The
experience
now
allows
me
to
find
the
most
recent
groups
around
me,
and
now
I
can
say
maybe
I'm
gonna
go
in
leadership.
I
want
to
notify
leadership.
I
can
do
that.
So
you
see
now
from
a
people
picker.
It's
also
a
group
picker
that
you
can
have
here.
I
can
go
this
one
and
this
one,
and
now
I
can
do
whatever
I
want
with
this.
E
E
For
example,
I
think
it's
called
unified.
I
go
unscripted
here,
which
is
never
a
good
idea,
and
there
you
go:
here's
all
the
unifi
which
are
all
microsoft,
365
groups
or
potentially
even
teams.
So
now
I
can
go
in
here
and
select
all
of
them
directly
from
the
people
bigger
something
also
that
is
super
relevant,
especially
when
you're
working
with
people
within
groups.
You
have
the
ability
on
a
people
picker
to
say
I
want
to
connect
this
specific
group
id,
but
also
I
want
to
have
transitive
search.
E
So
it
means
that
not
only
I'm
going
to
find
the
people
within
the
specific
group,
but
I'm
also
gonna
find
the
people
that
are
in
groups
are
within
my
group.
So
if
your
group
has
different
structures,
a
group
could
have
multiple
groups.
Well,
in
this
case,
you
can
use
transitive
search
and
you
can
find
people
from
any
of
these
nested
groups
right
in
here
that
you
can
use
that's
a
great
way
to
use
entity
when
you're
building,
I
would
say,
advanced
scenarios.
E
Now
I
want
to
get
a
little
bit
of
interactivity.
For
example,
you
want
to
have
a
people
picker
with
this
selection
change.
So
first,
here
we're
going
to
build
just
a
regular
people
picker
and
underneath
I'm
going
to
have
an
mgt
people
component,
where
I'm
going
to
showcase
the
selection
from
my
people
picker,
I'm
gonna,
do
it.
I'm
gonna
hook
this
id
to
a
javascript
function.
So
let
me
go
to
the
javascript
function
right
here.
E
So
here
you
see
I'm
basically
adding
an
event
listener
that
is
called
the
selection
change
to
this
id.
So
basically
mgt
will
fire
or
will
trigger
the
selection
changed
event
when
there's
something
new
that
like
when
the
selection
inside
the
combo
box
or
inside
the
the
picker
changed,
and
what
I'm
going
to
do,
I'm
going
to
assign
my
other
id
the
selection
showcase,
which
is
my
list
of
people,
I'm
going
to
assign
it
to
the
details
that
are
coming
from
my
event
here
automatically.
E
We
add
all
the
details
from
the
mgt
picker,
so
all
the
data
that
is
currently
selected,
we
add
it
there
and
then
afterwards
we're
just
going
to
display
it.
So,
for
example,
if
I
go
here
and
I
select
sebastian
now-
you
can
see
that
just
at
the
bottom
here
we
have
another
thing.
That
was
done.
If
I
add
lydia
it's
going
to
add
lydia
here,
so
you
see
how
you
can
be
very
interactive
and
how
you
can
interact
with
the
different
activities
happening
inside
the
picker.
E
So
if
I
do
this,
it's
also
going
to
remove
it,
and
if
I
do
this
now
we're
back
to
the
beginning,
so
it's
really
how
we're
liking
to
think
about
the
people
bigger,
because
now
it
really
allows
you
to
build
your
custom
logic
in
there.
Some
other
things
you
can
do
with
the
people
picker
is
right.
Here
is
to
predefine,
which
will
be
the
user
ids
that
will
be
selected.
Think
about
if
you're,
storing
your
user
ids
in
a
database,
or
maybe
you
already
have
that
array
of
people
that
you
have
access
to
here.
E
E
In
this
case,
for
example,
what
I
want
to
do
is,
I
want
to
here
add
all
my
direct
reports
as
the
pre-selected
ones,
but
I
don't
have
a
way
to
specify
which
endpoint
this
is
all
about,
and
I
don't
know
because
it's
dynamic,
so
I
don't
necessarily
have
all
these
user
ids.
So
what
I
would
have
been
doing
is
we
added
an
id
here,
so
we
can
hook
ourselves
onto
this
specific
people
picker
and
in
javascript.
E
What
we're
going
to
do
is
we
will
be
doing
a
call
to
graph
we're
going
to
validate
that
we
are
logged
in
and
then
afterwards
we
will
be
calling
the
slash,
p,
slash
direct
reports,
which
is
an
api
that
is
available.
That
yields
all
my
all
of
my
direct
reports
where
I
will
be
able
to
assign
to
the
pre-selected
people
the
result.value
and
from
there.
E
I
will
be
able
to
assign
this
so
this
can
come
from
either
from
graph,
but
it
can
also
come
from
any
of
your
api
and
then
the
here
we're
going
to
be
able
to
play
with
it.
Something
also
interesting.
We
have
put
this
in
read-only
just
because
we
disabled
it
maybe
you're
using
in
the
display
form.
You
don't
want
to
enable
people
to
modify
it.
Then
you
have
the
ability
to
do
it
here.
Finally,
something
that
we
enabled
also
is
a
people
picker
or
almost
like
an
email
address
speaker
where
you
can
add
any
email.
E
Dot
com,
then
I
can
just
hit
enter
this
dear
vesa.com.
Is
that
your
email
visa,
where
you
can
microsoft.com
there,
you
go?
I
I
would
not
be
surprised
that
would
be
true
actually
and
you
would
have
the
way
to
add
any
email
address.
So
if
you're
building,
I
don't
know
an
email,
client
or
you
want
to
do
any
of
that,
this
really
really
allows
you
to
do
these
kind
of
scenarios.
A
Excellent.
Thank
you
sebastian
on
that
one
we
are
almost
on
ours,
so,
let's
quickly
close
up
the
call
as
well.
So
thank
you
dan.
Thank
you,
patrick
thank
you.
Sebastian
really
really
cool
stuff
and
cool
demos
awesome
to
get
those
recorded,
as
well
as
a
reusable
demos
for
the
future
in
the
youtube
channel.
Now,
just
a
quick
recap:
we
have
a
lot
of
lot
of
community
demos
and
community
calls.
C
A
We
have
this
weekly
tuesday
call
and
then
on
thursdays
7
a.m.
Pacific
time
we
have
a
recurrent
call
with
a
bi-weekly
setup
this
week
we
also
have
the
power
apps
monthly
community
call
happening
tomorrow
at
9am
pacific
time.
So
there's
a
lot
of
these
opportunities
based
on
your
interest
on
joining
the
microsoft
365
developer
community.
But
thank
you
for
this
one
and
the
recording
will
be
available
in
24
hours
in
the
maestro
365
community
youtube
channel
notice.
You
cannot
download
the
recording
from
the
team's
chat.
A
It
does
not
work
for
the
external
people.
So
that's
why
we're
publishing
everything
in
24
hours
in
youtube
and
if
you
want
to
get
notified
when
that's
happening,
and
please
follow
us
on
twitter,
that's
the
easiest
way
to
know
on
all
of
the
announcements,
new
videos
and
all
of
that
as
well.
But
thank
you
everybody
for
this
one
and
we'll
be
back
within
a
week
for
microsoft.
365
platform
call.
Thank
you.
Bye-Bye.