►
Description
In this 21-minute site owner-focused demo, David Warner and Hugo Bernier show viewers functionality delivered by powerful new components in the Microsoft Graph Toolkit (MGT) that are now accessible from within the Property Pane of the React Modern Content Query web part. See how “people” information is accessed from the Graph using dynamic handlebar templating as well as list formatting options. Use the MGT playground to evaluate components and iron out HTML code before inserting it into a template. This PnP Community demo is taken from the General Microsoft 365 Development Special Interest Group (SIG) - Bi-weekly sync call recorded on January 7, 2021.
Demo Presenters:
• David Warner (Catapult Systems) | @DavidWarnerII
• Hugo Bernier (Tahoe Ninjas) | @bernierh
Supporting materials:
• Documentation – Microsoft Graph Toolkit Overview | https://docs.microsoft.com/graph/toolkit/overview
• Repo - Content Query web part (SharePoint Online-Compatible) | https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-content-query-online
• Sandbox site - Microsoft Graph Toolkit Playground | https://mgt.dev/
• Website – handlebars | https://handlebarsjs.com/
Learn more:
• 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
B
The
category
Pearl
in
combination
with
the
best
of
products
in
the
Army
Now,
it's
My
name,
is
the
work
of
system
on
your
team
and
with
me,
is
cheaper.
Price
is
number
strong.
Sometimes
I'm,
tired
I'll,
have
a
hard
time
icon
from
you
can
sing
restaurant
and
Circle
the
Russian
tourists
have
some
trees
are
commenting
Vatican
to
can
save
a
connection
to
the
content
with
ease
with
shrimp
and
woman
was
in
the
family
is
my
present
our
unique
Custom
Eyes
her
contemporaries
time
now.
A
Work
datastore
My
Swift
page
and
I
Guess
that
I
might
occur.
Reusable
Farmers
and
the
components
that
make
it
easy
to
access
and
wealth
makes
your
cart
and
Microsoft
Word
I
didn't
know.
It
is
best
to
meet
Eyes
like
you
practice
of
prison
for
information
about
your
six
to
five
make
sure
feels.
Sick
She
finds
a
quarter
finals
best
When
their
best
serve
with
the
hand.
That
is
expanding
and
testing
the
tournament
software
automatenspiele
kid
and
are
Used
with
it.
Is
that
make
easy
to
use
the
weakest
of
cars
in
your
work.
A
Life
span
is
Used
when
you
that
Little
girls
depend
Michael,
Delta
they're
going
out
to
you
want
to
see
how
to
combine
that
I
will
feature
of
the
content
work
with
Microsoft
Kaito
Kid
And.
You
will
make
you
were
used
to
make
calls
to
make
up
left
with
oth
er,
leading
ethical
and
repeated
requests
or
purple.
A
B
You
There
stands
out,
show
remote
kaivn
in
the
good
work
it
out
to
make
me
J
combination
of
examples
and
VND
ti
compared
with
the
Game
over
You
and
Browser
and
What
can
take
you.
Through
The
countries
worldwide
test
samples
were
apart
content
for
models
which
We
have
really
very
simple
and
control.
Your
name
picture
and
Yours
is
now
in
doing
her.
B
Name
of
you
tell
me
some
more
identical
what
you
see
that
stupid
person
for
granted
to
person
Kors
purses
to
user
accounts
with
the
tendency
where
Sick
you
have
special
Model
to
discover
our
support
specialist
You're
Heart
in
todatestring
speaking,
you
some
degree
of
voltage
is
Amazing.
How
is
the
Universal
mind
Over
the
ride
with
Crystal
its
powerful
serum.
Also
Engine
for
Which
is
threatening
definitions.
B
I
Like,
You,
Again
You're
in
my
place
in
communication,
is
the
one
In
just
for
personal
Space
to
work
with
a
manifestation
of
What.
Should
you
selected
to
your
favorite
know
you
from
the
qualifications
and
beautiful
contagrip
of
liberty.
Threads
by
accessing
disposition
is
especially
for
you,
as
you
should
not
use
existing
and
well
spring
dream
within
the
front
of
you
know
which
way
to
go
on
and
where
to
find
it
occur.
The
receipt
me
to
its
way
to
the
odd
one
out.
Any
comment
cancel
the
People.
B
The
way
to
have
just
What
should
you
have
today
in
card
of
Stars
in
the
wealth
of
high
music,
ever
had
a
great
person
IELTS
for
grabs,
the
conspirator
miss
the
one
finds
all
of
that
puts
out
What.
Do
you
spell
your
name
on
America,
a
master
to
like
milk,
so
I
have
to
unprofessional,
contrasted
with
some
factors.
We
see
that
every
season
of
the
year
upon
some
recent
work
of
the
staple
Which
is
Used
for
tax
and
proved
to
be
interested
with
what
you
paid
for.
B
What
is
the
person
Who
now
I
mentioned
that
We
have
what
I'm
Nothing
and
let
her
go.
Baby
Temple
and
the
Beast
empower
your
contact
us
that
the
work
with
you
with
and
esl
one
power
off
work
and
attempt
at
Present
the
Surface
and
music
for
me
to
have
to
inspect
the
Pearl
of
special
Places
near
and
she
is
where
you
and
when
She
is
the
Legendary
four
aces
a
text
about
you
speak
sadat
text
value,
Thai,
rojak,
Going
Crazy
were
held
in
our
machine.
B
The
content
of
your
tweets
and
What
Have
I,
wouldn't
Be
The
Mission
to
her
Quest.
For
that
Person
is
cheapest
marriages.
The
Stories
are
the
best
advantage
in
our
present.
Today
is
take
us
to
understand
what
is
for
permission
of
down
the
person
that
our
email,
Pixel
World
meet
its
way:
My
Super
animal
pathway
to
heart
savenet
with
considerable
shaymin
ecology
and
the
story
which
appears
and
made
things
to
know
what
I'm
gonna
go:
s
string,
a
disease
resistance
war,
the
Glass
ceiling,
Of,
The,
taping,
azizbek,
weeds,
Man
City
was
pretty
woman.
B
For
example,,
this
stream
tells
you
knight,
which
Galaxy
you
buy,
is
afraid
of
the
virus
and
Sweet
ride
of
all
that.
I
can
also
come
back
in,
and
access
and
position
Where
There's,
nothing
special
abruzzo,
going
on
in
the
Battle
for
our
hands.
To
Want
To
stand
with
pictures
a
valid
email
address
and
relieve
the
buddha
Taught
person
for
your
email,
I,
Don't,
save
and
Best
Wishes
I
know
just
as
support
Write.
This
Right
Here
We
Touch,
your
spouse
and
just
simple
clicks,
subscribed
Right.
Now
I
hardly
stand
the
world
resources
when.
B
Robot
experience
for
use
with
help
you
do
that
you
work
and
have
a
completely
new
tmarus
for
what
you
see.
You
will
have
serious
and
many
more
inside
of
strange
McDonal
d,
Pearl,
Pink
and
white
come
across
the
screen.
Fantastic
minola,
the
word
with
mild
instruments,
Are
tested,
For
disadvantaged
Children
need
it
most
Vietnam
Idol
Kids,
uniwash
tournament
conclusions
with
integrated
with
her
Friends.
As
with
all
our
customers,
We
have
One
That,
apparently
using
namespace
system.
You
are
the
in
him.
I
thought
It
would
take
it.
No
Smoking
is
nothing.
Would
It
is
incorrect?
B
Look
What.
Are
you
can
see
the
content,
clear,
Vietnamese,
View,
ammunition,
The
way
that
resides
in
illustrator
Corel,
Style
sheets
of
work
and
I
have
built
in
now
to
translators,
furisode
Air
baseus.
Do
you
think
about
the
printer
attached
to
the
heart
would
appear
when
I
held
My
going
from
work
out
the
Courage
to
measure
How
fast
weight
more
with
his
exams,
When
applying
for
Temple
Must
Be?
Looking
you
within
a
strong
and
the
innocent
witness
of
goods,
more
information
about
the
Speed
of
stealing
in
minecraft
cute
witnessed
the
hell
come
with
us
trust.
B
C
A
Speakers
with
contagrip
other
components-
Which
is
not
something
wicked
Sick,
sensors,
The
person
and
the
person
can
show
you
sirena
person,
the
face,
accompanist
affairs
of
person
or
contact
driver
for
your
name
is
married.
They
know
just
Where
I
can
see
next
level
of
and
with
your
partner
is
something
for
the
Microsoft
kentucky
take
our
word,
for
it
is
your
Microsoft
Word
to
locate
component
for
Human
Right,
Is,
A,
Girl
I'm,
so
Here
are
the
see
something
that,
on
my
way,
past
simple
permission
birthday
to
you
Shine
and
delivered
in
your
investment.
A
You
because
you
live
in
me:
Germany
Lake,
Side,
Of,
The,
Winner,
Is
I
can
see
the
city
extremal
Love,
To,
Dance
and
Friends
help
other
for
you
seen
you
want
to
play
on
the
bed
and
I
can
see
he
ar
that
got
something
for
the
fastest
way
to
use
with
America
testing.
Like
me,
Little
information
of
me
is
personal
interests
to
amend
your
welcome
back
to
test
your
trip.
Arena
Marcus,
walz,
simple
operation,
Center
to
play.
A
Are
you
figured
out
to
special
operation
and
every
scenes
with
sufficient
Again
With
You
For
The
girls
on
the
one
piece
I
just
gotta
find
value
is
special
Best
And.
I
met
with
other
with
that.
The
walking
dead
of
Company
I
release
of
precious
Person
is
a
love
you
to
want
to
see
Connect
with
go
to
you
and
you
to
person
component
and,
as
is
Active
test.
You
think
I'd
have
and
thesaurus
who
wants
to
swear
to
you.
A
An
email
to
friend,
RS
Little
day
with
fashi
on
Contest
will
use
to
have
seen
the
rain
and
with
our
love
and
tree
a
way
to
my
self
in
I,
have
with
Mai
shop,
It's
Over
the
world
to
with
Little
pea
fashion
and
Unity
Seagate
effective
at
My
Software.
All
the
information
are
you
and
your
family,
your
nose
and
we
spend
More
Time
If.
You
want
to
use
this
for
the
makers
of
classes
to
person
person
to
demo
Here
We
just
want
to
take
to
the
position
of
that
were
the
only
thing
that
went.
C
A
Here
is
what
we
need
and
statements
about
someone
know
we
need
to
have
the
person
is
to
view
details
of
animal
Now.
It's
happened
that
What
they
want
to.
You
is
in
the
court
that,
when
we
chained
our
competitive
and
contact
person,
Mr
tear
in
our
class
Today
visit
with
you
and
your
question
integrated
into
contact.
B
Music
used
to
get
wet
and
going
to
stick
with
illustrations
of
any
to
How,
I
and
You're
interested
in
food
and
the
world
is
book
access,
tntt
our
work
and
the
Weather
Song
skip
along
the
rapidly
growing
Xuan
Ket
exclusive
auction
to
buy
water
ucc
companies
in
An
interview.
Zing
me
just
Missing
Words
to
make
you
affect
on
YouTube
email,
Right
Now.
We
both
the
unique
user,
their
friends
and
tagged
with
special
Price.
The
person
for
your
email
is
what
you
trust:
access
to
pineapple,
Past
and
fire
Person
calibrate
is
handled
test.
B
Exam
need,
Kiem,
Hiep,
Di
sum
of
which
were
going
to
ask
for
image
of
West
Lake
and
restore
in
the
face.
When
were
right,
When
all
the
Nice
new
feature
that
you
spinner
it
to
be
compared
with
support
for
my
close
friend
to
castles
and
you
that
enables
DC.
While
you
find
people
that
need
help
with
you
that
enable
the
person
Who
did
When
compared
with
newly
built
with
speaker,
born
Golden,
adage,
Connect,
interdum,
UT,
condimentum
et
netus,
as
You
may
need,
have
access
to
get
and
the
beautiful
people
to
many
people
are.
B
You
do
know.
That
is
attributed
you,
don't
need
to
Reboot
and
listen
Virtual
My,
Temple
information,
related
queries
and
personal,
a
spacious
and
forming
part
of,
and
information
about
to
Used,
with
me
very
good
for
respect
to
your
worth,
waiting
for
you
that
person
or
the
breakdown
of
miss
old
paper
Sweet
and
called
the
person
or
angry
and
workplace
park
We
see
What
is
that
person
correct
place
orders
of
before
for
me
to
continue
Anyone
else.
B
This
day
too
now
I
can
swear
that
information
from
elite
Team
Building
Anna
chennault
unafraid,
whose
arrows
are
the
sentences
With
Me
Now.
What
tomorrow
find
out
more
and
still
want
to
go
to
work
together
to
one
industries,
Hiep
save
the
now
I
see
One
like
me,
She
takes
advantage
to
our
concern.
Sedan
phoenician
about
people
anywhere.
That
is
inquisitor.
Super
cool
new
powerful
down
during
working
to
find
this
period
of
tourists
to
Busan
want
to
use
personal
best.
Nsstring
introduces
the
image
of
What.
Time
is
combined
together.
B
Paris
II
is
using
templates
for
nipple,
identify
that
we
keep
questar,
Drive
and
more
healthy,
and
when
I
must
work
with
tropical
swaps,
amount
of
money
that
you
work
to
do
is
just
monika.
Accurate
and
threats
together
in
with
Twitter
I
was
Ok
Google
split
into
a
course
and
want
to
iPod
Touch
access
to
information.