►
Description
Microsoft 365 Developer community call on April 14th. Demos: TeamsFx .NET - Current Updates - April 2022, Controlling list toolbar with JSON using commandBarProps option, and Building dynamic dashboard pages with list formatting. Released 2 script, 1 Teams and 1 Power Platform samples delivered this week! The MGT samples repository is now LIVE! https://aka.ms/mgt/samples and try the new preview release for the MGT TeamsFxProvider - npm i @microsoft/mgt@next.teamsfx. See blog post for complete run down on project updates, news and events. The host of this call was David Warner II (Catapult Systems) | @DavidWarnerII. Q&A takes place in chat throughout the call.
Learn more:
• See the full blog post for this call at: https://aka.ms/m365pnp/community/blog
• Download invite for the Microsoft 365 Developer community call: http://aka.ms/spdev-sig-call
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365pnp
A
A
We
have
an
incredible
call
scheduled
for
the
day
we're
going
to
get
the
latest
on
pnp
framework
and
core
sdk
extensions
latest
on
powershell
yo
teams,
microsoft,
graph,
toolkit
team
samples,
power
platform,
samples,
everything
amazing
going
on
in
the
community,
and
then
what
time
will
it
be
picture
time
we
all
enjoy
showing
the
community?
How
amazing
you
all
are,
then:
we've
got
a
dynamic
duo
of
presenters.
Today,
tommy
is
going
to
cover
teamsfx.net
current
updates,
and
then
chris
kent
is
going
to
have
a
double
dose
of
list
formatting
magic.
The
warrior
horses
are
back
me.
A
We're
all
excited,
no
doubt
opportunities
to
participate
in
this
community.
You
ask
there
are
plenty,
we
absolutely
invite
you
to
provide
a
demo
on
a
solution
or
a
technical
pattern.
Perhaps
it's
something
you've
created
within
your
organization
that
you
can
share
with
the
community.
Perhaps
something
you've
shared
on
your
own
free
time
that
you'd
like
to
share
with
community.
We
want
to
see
it
all.
A
A
There
are
so
many
resources
in
this
community
available
to
you,
there's
two
different
video
channels
for
you
to
take
advantage
of
at
youtube
for
the
community
and
developer,
which
are
driven
by
microsoft.
We
have
a
number
of
open
source
initiatives
around
sharepoint
pnp
office,
dev,
microsoft,
graph
that
you
can
utilize
to
make
your
development
life
easier
and
your
experience
in
microsoft,
365
better.
We
have
a
plethora
of
samples,
so
many
amazing
samples,
team
samples,
spf
x
power
platform,
list,
formatting
script,
samples
it
goes
on
and
on
and
on.
A
These
are
all
there
provided
by
amazing
contributors
like
yourself
in
the
community,
for
the
community
to
take
advantage
of
accelerating
anything
that
you
may
need
to
do
within
the
microsoft
365
ecosystem.
They
are
absolutely
open
to
be
contributed
to,
and
this
may
feel
like.
There
are
too
many
things
to
keep
track
of
with
all
these
aka
links,
but
you
only
need
to
remember
one
and
that
is
aka
dot.
Ms4
m365pnp
will
give
you
access
to
all
of
these
amazing
resources
and
tools.
A
One
of
the
newest
initiatives
within
the
pnp
world
is
script
samples.
This
is
managed
by
paul
bullock.
We've
got
new
scenarios
on
how
to
delete
custom,
sharepoint
list
designs
and
there
are
updates
on
the
sharepoint,
recycle
bin
by
adam
and
and
that
first
one
is
by
reshmi.
So
we
want
to
thank
all
of
our
sample
contributors
reach
out.
If
you
have
any
questions,
this
is
a
great,
very
wide
spectrum
of
opportunity
to
contribute
here.
A
That's
just
it's
so
many
opportunities,
we've
all
written
scripts
in
little
pieces
of
toolkits
and
utilities
that
we
may
need
to
utilize
absolutely
welcome
over
200
plus
scripts
now,
and
we
have
a
badge
for
it.
So
we
absolutely
want
to
recognize
all
the
amazing
contributors
that
are
doing
that
there.
A
If
you
would
like
to
contribute,
but
you're
not
quite
sure
how
to
contribute,
then
we
want
to
provide
hands-on
guidance
on
how
you
can
take
advantage
of
that
things
like
if
you've
never
submitted
a
pull
request.
We
understand
that
there
may
be
some
confusion
around
that.
We
are
going
to
provide
you
in
our
sharing.
Is
caring
sessions
hands-on
guidance
on
how
you
can
do
exactly
that?
Amongst
all
these
other
session
topics
as
well,
we
just
had
last
week
a
power
platform
samples,
first-time
contributor.
We
had
multiple
first
time
pull
requests
in
that
session.
A
A
You
can
attach
them
to
your
linkedin
profile,
so
they
are
official
and
accredited.
You
can
include
them
on
your
resume
website.
Share
them
with
your
clients
and
managers,
letting
them
know
how
amazing
and
involved
in
the
community
you
are.
We
do
need
you
to
opt
in
aka.ms4,
m365pnp,
dash
recognition.
A
We
will
tie
your
email
address
to
a
credly
account
and
we
will
be
able
to
award
you
those
badges
and
you
only
need
to
sign
up
once
we
have
regular
scripts
running
to
check
who
has
contributed.
But
if
you
do
have
any
questions,
please
don't
hesitate
to
reach
out
to
myself
or
hugo
bernier
or
april
dunham,
and
we
will
absolutely
get
any
questions.
You
may
have
answered
the
agenda
for
the
19th
of
april
microsoft,
365
platform
call
now.
A
This
is
a
platform
call,
meaning
that
all
of
the
presenters
are
direct
from
microsoft,
so
you're,
getting
it
directly
from
the
source
on
tuesday
at
8,
am
pacific
time
is
going
to
be
nick
on
the
latest
of
microsoft.
Graph
data
connect
data
sets
and
then
manuka
on
integrate
graph,
connector
content
within
office.com
and
divnica,
and
michelle
on
introduction
to
apps
that
extend
across
teams,
outlook
and
office.
So
don't
hesitate
to
sign
up
for
this.
You
can
get
the
recurrent
invite
from
that
link.
There
aka
dot,
ms
fortnite
m365-dev,
dot
call
and
again.
A
There
is
an
update
on
version.1.9
has
been
released,
prepping
1.10,
so
merging
the
pending
prs
in
the
coming
weeks,
we'll
see
more
pr
merging
improvements,
bug
fixing
and
testing,
and
then
on
the
core
sdk
side.
We've
got
623
000
downloads,
that's
amazing
version
1.6
has
been
released
and,
in
this
case
prepping
for
1.7.
So
the
focus
in
the
coming
weeks
is
on
craftsmanship
transformation,
framework
and
tutorials.
A
B
Yep,
so
about
pnp
powershell
pnp
powershell
is
one
of
your
favorite
ways
to
connect
powershell
ways
to
connect
to
sharepoint
online,
so
1.10
got
released
a
couple
of
days
ago.
Major
major
release
so
go
check
it
out.
What's
cooking,
so
something
interesting
is
cooking
related
to
the
auto
complete
stuff.
So
if
you
are
using
pnp
powershell
and
you
want
to
see
some
autocomplete
in
action,
we
are
working
on
improving
that
functionality
and
we
also
improved
the
get
pnp
search
configuration
command.
B
So
in
case
there
are
promoted
results
and
then
there
are
too
many
promoted
results.
We
added
a
pagination
for
that
and
we
also
added
an
capability
to
exclude
or
include
visual
promoted
results,
so
yeah,
that's
pretty
much
fins
from
in
the
current
nightly
release,
but
yeah
what
goes
on
in
related
to
the
autocomplete
stuff
and
yeah.
That's
pretty
much
for
my
individual.
C
Yes,
so
we
are
planning
the
big
four
release
in
may.
It
is
all
dependent
on
the
teams.js
sdk
version
2.0,
and
they
are
coming
closer
to
that
one,
and
with
that,
as
we
mentioned
two
weeks
ago,
we
will
do
some
deprecations
based
on
telemetry
on
stuff
not
being
used.
So
it's
been
much
more
slimmer,
statistics-wise.
The
interesting
thing
is
that
the
usage
has
gone
up.
C
This
is
essentially
the
same
amount
of
teams,
new
teams
projects
created,
but
we
can
see
from
telemetry
that
they
are
being
not
just
being
test
projects
or
one-off
kind
of
things
that
is
actually
being
built
real
applications
with
this.
So
that's
really
cool,
I
think,
and,
as
you
can
see
as
well,
the
the
big
bump
we
have
on
one
of
the
dependencies
is
due
to
that.
The
dependencies
are
being
is
being
used
by
the
the
official
team's
toolkit
as
well.
C
So
we're
sharing
sort
of
the
same
kind
of
packages
there,
which
is
really
great
collab
with
that
team
as
well,
but
yes
in
may,
hopefully
we
will
have
then
the
new
version
where
you
can
build
tabs
for
office.com
outlook
yeah.
Both
the
client
and
the
the
web
as
well
and
create
those
tabs
so
that's
available
everywhere,
and
that
will
be
possible
with
the
german,
the
german
generator
for
teams
in
version.
Four
thanks.
A
Thanks
victor,
that
is
awesome
and
love
to
see
that
telomere.
That
is
a
massive
spike
there,
so
well
done
excellent.
Next
we're
going
to
get
into
microsoft,
graph
toolkit
now
mgt
or
microsoft
graph
toolkit.
As
we
know,
it
is
a
collection
of
components
that
make
our
life
easier
in
tapping
into
the
graph.
You
can
absolutely
add
these
to
a
variety
of
development
projects,
whether
it
be
spfx
or
even
using
it
in
the
content.
Query
react.
React,
content,
query
web
part
that
is
available.
A
Super
super
powerful
one
of
the
newest
cool
things
about
it
is
you've
got
a
mgt
samples
repository,
so
you
can
see
more
about
that
at
ak.ms4,
mgt
samples,
so
absolutely
take
a
look
at
that.
What's
next
on
the
roadmap
is
aligning
all
the
toolkit
components
with
fluid
ui
web
components.
So
look
for
that
we
are
excited
to
see
what
is
on
the
horizon.
There
now
we'll
move
into
microsoft,
team
samples.
D
With
bob
german
hi
everyone:
well,
yes,
I'm
pleased
to
announce
now,
you've
already
seen
this
sample
and
how
cool
it
is.
If
you
were
tuned
in
on
saint
patty's
day,
you
saw
mark
allen
and
tom
reasoning
demonstrate
a
teams
app
that
will
migrate
your
filters
from
g
suite
over
to
outlook
and
the
demo
recording
and
the
sample
are
there
it's
now
published
and
fully
supported.
A
E
Thank
you
david.
We
have
one
new
sample,
which
is
pretty
cool,
showing
how
to
do
invoice,
automation
using
sharepoint,
syntax,
so
a
great
hybrid
solution
with
power
platform
sharepoint
and
all
the
ai
goodness
mixed
in
from
steve.
There
so
be
sure
to
check
out
his
awesome
sample
and
if
we
have
any
other
power
platform
related
power,
apps
canvas,
apps
model,
driven
power,
automate
power,
bi,
powershell
agents.
E
Any
other
samples
like
that
that
you'd
like
to
share
please
get
those
added
to
the
repo
and
we
have
another
power
platform
contributor
sharing
his
caring
session
on
may
9th.
So
make
sure
you
check
that
out.
Like
david
said,
we
had
several
first
time
pull
requests
on
the
last
one.
So
if
you
want
to
get
started,
contributing
make
sure
to
check
that
session
out
back
to
you,
david.
A
F
Over,
I
think
and
I'll
move
this
in
here
we
have
50
seats
in
the
room
and
let's
do
some
variants
now,
let's
flip
on
that
one.
So
we
haven't
done
this
for
a
while,
not
yet
recording,
let's
wait
a
while,
let's
wait
a
while,
we
have
50
seats,
50
seats
in
room
50
seats
going
once
going
twice.
Not
yet,
let's
wait
for
a
few
more
people
to
join
and.
F
Yeah,
so
I'm
putting
my
camera
on
as
well.
I'm
gonna
click
the
record.
Let's
wait
few
more
seconds.
We
still
have
few
seats
in
the
room.
I
even
got
to
the
room:
let's
do
some
hand
favoring
everybody,
so
thank
you
for
joining
once
again
awesome
to
have
you
on
this
weekly
calls
and
a
great
great
great
see
the
smiling
faces
and
the
real
people
behind
with
the
community
names.
Thank
you.
Everybody,
awesome,
brilliant
gonna
do
a
keep
animation
out
of
that.
Thank
you.
Thank
you
and
david
back
to
you.
A
F
G
Today,
not
today
it's
a
technical
audience.
You
need
to
be
very
careful,
yeah
official,
you
know
this
is
not
fun
but
yeah
there.
I
am
right
exactly
hi,
my
name
is
tommy.
I'm
team
lead
at
serbian.
These
are
some
ways
to
reach
me,
but
it's
not
about
me
today.
It's
about
the
content
and
the
content
of
the
next
couple
of
minutes
is
the
microsoft
teams,
framework
teams
fx,
and
we
are
today
looking
at
the
net
side
of
things.
I
tried
to
create
this.
I
would
say
slide.
G
I
think
cool
kids
now
call
it
infographic
or
something
else
to
to
make
clear
some
of
the
pretty
nice
choices.
Microsoft
did
in
terms
of
naming
meaning.
There
is
teams,
fx,
there's
teams
toolkit
and
if
you
read
through
documentation
or
read
through
twitter
or
read
through
a
different
blogs,
you
will
see
a
lot
of
mixture
of
all
those
different
names,
and
this
thing
here
tries
to
make
it
a
little
bit
clearer.
G
What
is
part
of
teams
fx
and
what
are
the
yeah
components
of
it?
So
teams
of
x
actually
is
a
library
that
targets
more
than
one
language
teams,
effects,
targets,
react
and
net,
so
not
only
the
client
side,
but
also
the
server
side,
and
that's
just
the
state
of
today.
There
is
no
no
fixation
on
only
two,
those
two
platforms,
I'm
pretty
sure
there
are
already
ideas
on
on
how
to
get
different
text
text
decks
also
into
this
team's
framework.
G
But
the
idea
is
that
as
a
developer,
I
get
something
where
I
can
start
already
with
this
yeah
the
need
of
authentication
all
those
things
that
we
would
need
to
do.
Anyways
all
the
time
we
create
enterprise
applications
that
this
is
already
done
in
a
library
and
of
course
this
is
available
for
react.
That's
basically
what
victor
was
referring
to
compared
to
the
pinpio
teams
generator.
G
So
all
those
scaffolding,
all
those
creation
of
elements
and
the
architecture
of
the
team's
framework
is
that
that
there
is
a
cli
in
place
where
currently,
the
team
is
working
on
making
like
one
cli
to
be
able
to
use
it
on
multiple
platforms
and
multiple
technology
stacks.
So
in
react
and
in.net
you're
not
there,
yet
as
in
general,
just
to
to
keep
that
in
reference.
We're
still
talking
about
something
that
is
in
preview,
we
are
hoping-
or
we
are
like
kind
of
waiting
for,
build
and
hopefully
fingers
crossed.
G
There
is
a
release
of
teams,
fx
in
in
my
case,
for
net
coming,
and
we
will
see
later
today
that
there
is
were
some
changes,
apparently
this
week
with
teamsfx.net
so
kind
of
good
feeling
that
there
will
be
something
in
the
coming
weeks
that
will
be
released.
But
then
there
is
the
writing
of
the
team's
toolkit
and
the
team's
toolkit
basically
is
just
the
extension
that
you
use
in
visual
studio
code
for
react
or
visual
studio
for
net
and
blazer
programming,
as
we
will
focus
on
on.net
today.
G
The
path
is
that
you
will
see
this
sample
application.
That
is
basically
in
there
out
of
the
box.
So
what's
in
the
box
and
of
course
there
are
seven
points
for
all
that
don't
get
the
reference
with.
What's
in
the
box,
there
are
seven
points
here,
listed
f5
experience,
you
open
up,
visual
studio,
press,
f5
and
you're
good
to
go,
and
also
the
framework
already
comes
with
tools
and
comes
with
configuration
options
to
create
azure
edit
application,
but
also
to
create
azure
resources
and
to
deploy
them.
G
We'll
see
that
in
the
demo,
so
there's
a
pretty
much
thinking
already
there
how
to
really
deploy
stuff,
not
only
run
it
locally
on
machine
single
sign
on
is
basically
built
in
and
ready
to
go,
we'll
see
that,
and
how
is
how
this
is
done
in
the
newest
version.
Of
course,
everything
you
will
see
in
blazer
is
on
top
of
the
javascript
sdks,
because
technically
the
place,
implementation
is,
to
some
extent
a
wrapper
to
what
is
available
through
the
javascript
sdk.
G
There
is
a
built-in
microsoft
graph,
authentication
client,
so
that
we
can
use
the
sso
token,
for
teams
to
then
make
our
calls
through
microsoft,
graph,
for
example,
and
they
changed
a
little
bit
the
way.
How,
on
the
net
side,
you
install
the
team
toolkit,
it
used
to
be
a
extension.
That's
the
thing
when
you
open
up
virtual
studio
click
on
extensions,
and
then
you
browse
through
basically
like
the
the
nuget
feed,
all
the
possible
extensions
that
are
available
and
they
moved
it
to
components.
G
Components
are
those
kind
of
artifacts
in
visual
studio
that
you
deploy
or
install
through
the
visual
studio
installer
that
changed
with
the
version
17.1
of
visual
studio
that
was
released.
If
I
remember
correctly,
in
february
15
this
year,
teamstrook
hit
move
to
the
component
way
and
now,
basically,
it's
part
of
the
updates
that
you
will
get
with
visual
studio.
At
the
moment
they
are
thinking
of
maybe
going
also
in
a
way
that
they
just
update
the
component.
G
But
at
the
moment
their
heads
down
in
the
code
to
get
everything
for
a
j
release
ready
and
then
they
need
to
yeah
decide
what
would
be
the
upgraded
update
story
and
we
will
see.
Of
course
there
are
laser
templates
at
the
moment
for
a
bot
in
the
tab
and
that's
basically
what
we
are
looking
at
it
right
now.
G
So
I
open
up
with
the
studio
22
preview,
that's
important,
because
we
are
looking
at
the
latest
and
greatest
so
we
are
looking
at
the
version
that
is
available
since
two
days
with
the
latest
and
greatest
also
from
the
teams.
Toolkit,
remember
preview,
so
we're
looking
at
stuff
that
you
should
not
use
in
production
yet,
but
I
think
it's
important
to
already
know
what
will
be
available
in
the
future.
I
click
on
create
a
new
project.
G
G
Okay,
create
and
then
that's
already
a
screen
that
changed
multiple
times
through
the
journey
of
this
toolkit.
We
are
now
asked
for:
do
we
want
to
include
a
tab
and
a
bot,
or
both
we
will
start
with
a
tab.
It's
way
simpler
and,
of
course,
you
can
then
create
a
bot
as
well,
if
you
want
to
later
on.
But
let's
start
just
with
the
tab,
and
I
click
on
create,
takes
a
couple
of
seconds
and
then
visual
studio
hopefully
opens
up
with
our
new
solution
and
project.
G
Here
we
are,
and
now
we
are
seeing
basically
yeah
outlined
the
structure
of
the
the
project.
We
will
walk
through
the
structure.
First,
then
we
do
a
short
demo
and
look
at
all
the
options
that
are
available
in
terms
of
what
we
get
from
the
from
the
scaffold
project.
So,
first
of
all,
that's
a
blazer
server
application.
So
there
are
a
couple
of
artifacts
that
are
already
known,
probably
to
everyone
that
already
created
the
blazer
server
location,
important,
not
wasm,
not
web
assembly,
we're
talking
blazer
server
here.
G
So
we
have
our
program
cs
we're
using.net
6.
So
it's
all
the
greatness
of
dotnet
6
and
the
minimal
stuff
you
need
with
namespace
global
using
all
that
stuff
is
possible.
But
of
course
there
are
razor
files
and
then
there
are
pages
and
components.
So
what's
the
the
first
thing
we
have
our
page
here
we
have
a
tab
and,
as
you
probably
already
can
think
of,
let
me
check
here.
G
I
want
to
do
that
first,
because
it's
not
existing,
I'm
careful.
There
is
a
tab.
So
that's
basically
the
first
thing:
the
first
endpoint
that
we
want
to
reach
because
that's
the
end
point
of
the
application
that
we
want
to
work
in
teams
with,
but
before
we
do
that
there
is
a
nice
getting
started,
a
text
file
that
basically
guides
you
through
through
all
the
steps
takes
care
of
ng-rock
if
you're
using
the
bot
part,
because
you
need
tunneling
to
for
the
bot
framework
to
recognize
your
endpoint.
G
We
don't
need
that
in
our
case,
because
we
are
only
working
with
a
tab
here,
so
there
is
something
we
can
skip
to
step
three.
Let's
do
that
and
then
here
you
see,
select
project
teams,
toolkit
and
that's
new
in
that
release
that
we
can
go
to
teams
toolkit
under
project
and
click
on
configure
microsoft
teams
app.
I
will
do
that
right
now.
That's
important
that
used
to
be
part
of
the
automatic
scaffolding.
So
what
is
the
team
toolkit
now
doing
it's
creating
an
azure
id
registration,
app
registration?
G
You
see
that
now
in
my
in
my
console
here
and
creating
manifest
files
and
all
those
kind
of
things
that
we
need
to
be
able
to
run
our
teams
application
and
it's
very
cool
that
it's
now
on
click
and
not
automatically
when
we
create
stuff.
So
we
would
have
the
option
to
yeah
prepare
something
to
set
something
up
in
the
way
that
we
want
it
and
not
automatically.
G
Something
gets
created,
that's
important,
so
I
don't
like
templates
or
solutions
they
let
go.
Take
my
just
initial
information
and
go
to
the
cloud
and
do
something
there.
If
you
have
another
question
how
the
heck
does
the
toolkit
now
know
what
account
to
use?
That's
because
I
already
used
it
yesterday
and
that
remembered
the
account.
If
you
do
it
the
first
time
you
basically
get
a
login
screen
from
azure.
That
says:
okay,
pick
your
account!
G
G
I
just
wait
for
a
couple
of
seconds
and
the
browser
should
start
with
the
yeah
app
install
screen
or
the
add
an
app
screen.
I
want
to
call
it
with
our
demo
here
here
we
are
so
you
see
the
name
pnp
demo,
our
current
date,
that's
the
artifact
or
the
the
name.
We
gave
it
through
the
wizard.
It
says
local
debug
click
on
add,
and
then
I
will
get
a
static
tab
with
yeah.
A
super
simple
starting
page
in
here.
G
G
That's
the
first
thing
and
the
second
thing
is
yeah:
that's
basically
the
code
line,
but
we
will
have
a
look
at
the
code
in
a
couple
of
seconds.
Second
thing
is:
I
can
click
on
authorize
here
and
then
I
will
see
the
consent
screen
because
in
the
back
end
the
authorized
button
basically
wants
to
make
a
call
to
microsoft
graph
to
get
my
user
picture.
My
email,
I
think
that's
something
the
app
has
permission
to
it,
but
it
needs
to
be
consented.
G
First,
I'm
using
my
microsoft,
365
developer
tenant
here,
so
with
the
same
account,
I'm
of
course
a
global
admin.
I
can
consent
on
behalf
of
my
entire
organization
click
on
accept
and
I
will
get
my
picture
back
technically.
What
happened
now
is
that
for
the
first
run,
just
the
initial
load
of
the
tap
the
team's
toolkit
used
the
sso
token.
It
got
from
teams
to
get
my
basic
information
and
in
the
second
run
it
used
that
sso
token
to
get
a
graph
token,
and
let's
have
a
look
at
the
code.
G
What
actually
was
happening
right
now
here?
First
of
all,
we
opened
up
the
tab.
Tab
is
pretty
pretty
straightforward
and
I
will
make
it
a
little
bit
fonts
a
little
bit
bigger.
So
hopefully
this
is
readable
for
everyone.
I
have
my
component
here
and
there's
a
welcome
component,
so
the
project
already
shows
you
like
the
laser
way
of
working
with
using
components
very
simple.
G
I
have
components
here
and
I
can
define
basically
what
is
part
of
my
welcome
component
and
you
see
here
a
couple
of
fluent
tabs,
because
it's
already
using
microsoft,
fast
components
fluent
ui,
that's
a
blazer
wrapper
from
the
fluent
team
and
that
is
available
and
built
in
through
nuget
packages
already
in
the
project,
so
yeah
a
couple
of
examples.
How
you
can
also
use
the
fluent
ui
already
built
in
in
the
project.
Remember
I'm
on
the
screen
right
now.
There
are
a
couple
of
tabs.
G
It's
those
things
here
that
are
defined
in
those
fluent
types
here
and
then
there
is
one
thing,
another
component
that
is
just
called
graph,
nothing
more!
So
we
have
a
graph
component
over
here
and
that
basically
takes
part
or
takes
care
of
the
part
in
the
code
that
we
saw
first
here
with
the
button
and
that
no
now
shows
us
our
proof.
Our
profile
photo
because
you
see
here,
we
show
the
fluent
button
that
we
clicked
on
to
click
to
authorize.
G
If
we
need
consent,
if
we
have
consent-
and
we
are
loading-
we're
just
showing
the
profile
card
and
if
we
already
have
a
profile
loaded,
then
we
show
the
profile
card
with
parameters.
How
do
we
get
those
parameters?
How
is
that
connecting
or
how
is
the
connection
working
here?
That's
typical
blazer
way
of
doing
things
and
I
will
stop
the
debugging
for
a
second,
because
I'm
pretty
sure
there
are
people
on
the
call
that
are
like
what
is
he
doing
here.
G
G
Let's
make
that
a
class
file
and
we
call
that
graph
dot,
raiser
dot,
cs
visual
studio
realize
that
okay,
it
needs
to
be
under
the
eraser
component.
Here
I
get
a
short
error
message,
because
I
need
to
make
that
a
partial
class,
because
how
blazer
is
working
bill
that
or
blazer
is
basically
building
on
top
of
the
razer
file
already
called
behind
file,
and
there
is
a
class
already
present
that
is
not
shown
in
visual
studio.
G
G
Yep
everything-
and
I
mean
everything
here-
we
are
and
move
that
over
to
my
deck
and
file.
That's
basically
the
idea
how
you
can
of
course
separate
your
implementation
of
the
ui
and
your
code
behind
files.
There
are
now
a
couple
of
yeah
using
that
I
would
need
to
add.
Let's
do
that
for
a
second,
but
if
we
go
through
the
code
first,
there
are
parameters.
Okay,
then
we
have
the
the
user
profile,
that's
basically
microsoft
graph
component.
G
So
you
see
that
our
microsoft
class
from
the
from
the
microsoft
graph,
client
sdk
and
we
see
simple
laser
lifecycle
class
here
on
initialist
async
we
are
starting.
We
are
questioning,
has
the
user
permissions
for
a
current
scope
over
here
user
read
and
if
that's
the
case,
we
are
showing
the
profile.
So
it's
typical
c
sharp
code
now
but
of
course
using
what
the
themes
toolkit
basically
offers
us.
So
you
see
here
profile
is
a
request.
G
G
For
you,
that's
super
important.
How
is
that
done?
Basically
they're
using
the
javascript
interop
options
that
you
that
are
available
just
in
blazer,
because
if
we
have
a
look
in
here,
there
is
of
course
some
kind
of
javascript.
I
hate
to
admit
it.
You
need
a
couple
of
lines
to
make
that
work.
But
if
you
have
a
look
here,
there's
javascript
file
that
yeah.
G
In
the
background
and
through
the
javascript
sdk
that
we
are
all
familiar
from
teams,
we
get
the
token
and
basically
so,
it's
going
through
the
whole
yeah
chain
coming
back
to
my
graph
file,
so
that
I
can
say
here:
okay,
get
the
new
graph
authentication
provider,
make
that
work
and
okay
get
a
client
and
do
the
simple
thing
here
and
make
a
profile
a
picture
request
and
you're
good
to
go
so
in
case.
We
want
to
take
that
a
little
bit
further.
G
What
we
can
do
is
now
just
need
to
make
that
reference
again.
Of
course,
we
could
add
now
our
own
calls
to
microsoft
graph,
our
own
yeah.
Let's
say
we
want
to
load
multiple
teams,
or
we
want
to
have
a
look
at
some
options:
some
some
data
endpoints
in
microsoft,
graph,
no
problem-
you
just
can
call
it
from
here
and
use
what
you're
already
familiar
with
in
terms
of
the
net
sdk
client
from
graph,
but
be
aware,
if
I
switch
over
to
my
azure
tenant
for
a
second
and
let's
reload,
that.
G
And
search
or
create
that
filter
that
so
you
see
that's
basically
the
azure
app
registration
that
got
created
when
I
clicked
on
project
microsoft,
teams
toolkit
and
create
the
stuff,
and
of
course
I
would
need
to
add
more
api
permissions
in
here.
So
if
I
want
to
make
additional
calls
to
graph-
and
if
I
want
to
make
additional
parts
working
here,
I
would
need,
of
course,
to
add
scopes.
G
Add
permissions
in
here,
because
if
I
just
would
call
the
graph
now-
and
let's
say
I
want
to-
I
don't
know
list
all
the
teams
that
I'm
part
of
it
would
get
an
authorized
error,
because
the
application
in
the
back
end
using
the
on
br
off
flow,
isn't
scoped
to
that
resource.
And
then,
of
course
I
would
not
go
to
in
there
and
change
that
in
the
api
permissions.
G
G
G
You
can
use
laser
components
to
create
applications
for
the
desktop
for
android,
for
ios,
for
yeah
teams,
so
to
speak
with
the
same
component
library,
so
that
opens
up
a
lot
of
options
for
for
the
developers
in
the
future
to
create
stuff
only
once
and
reuse
it
and
we
want
to-
or
I
want
to
show
a
short
use
case.
What
that
can
look
like.
I
have
something
prepared
over
here.
G
G
Let's
add
that
in
here
as
well,
so
we
have
a
component
that
is
just
our
proper
background
and
that
basically
just
wraps
whatever
we
are
putting
in
the
component
with
a
class
or
in
a
div
with
a
class
and-
and
I
have
a
razer
file
that
says
okay,
I
want
that
to
be
part
of
that
folder
in
here.
Let
me
double
check.
I
need
to
move
that
file
over
here
to
the
www
folder.
Here
we
are
and
then
I
would
go
into
my
tab
page
only
pages
tab.
A
Awesome
very
cool
tommy.
Thank
you.
Some
really
really
cool
stuff
pasted,
some
links
in
the
chat
associated
to
tommy's
demo
and
I'll.
Let
you
answer
any
questions
in
the
chat,
but
in
the
interest
of
time
chris,
if
you'd
like
to
take
over
for
your
double
dose
of
list,
formatting
return
of
the
warrior
horses.
H
H
Absolutely
take
it
away
all
right:
okay,
good,
I'm
chris
hello,
everybody
all
right.
Let's
do
it.
Let's
talk
about
some
list
format
and
it's
been
a
while
and
it's
exciting
stuff.
So
we're
going
to
talk
about
something
new
here
and
when
I
do
that
I
like
to
show
kind
of
where
we
are
with
list
formatting.
H
So
when
we
first
started
out
with
list
formatting,
it
was
just
column
formats
like
you
see
here,
and
you
know
if
we
take
a
look
at
kind
of
what's
available,
you'll
see
that
we've
got
quite
a
bit
more
right,
so
in
general,
you've
got
a
surface
you're
going
to
render
to
right
whether
that's
a
list
view
web
part.
Microsoft
list-
you
know
whatever
that
is,
there's
gonna,
be
some
standard.
H
Ui
elements
right
that
are
kind
of
all
built
in
here
and
then
you're
going
to
have
your
data
right,
so
standard
rendering
looks
like
excel
in
the
browser
very
exciting.
But
of
course
you
can
then
compile.
You
know
you
can
add
all
these
column
formats
to
one
or
more
columns
across
there
and
that's
pretty
cool
and
then,
in
addition
to
that,
you
can
add
a
view
format
that
is
a
row
class.
It's
got
an
additional
row
class
and
we
do
that.
You
can
combine
that
with
your
column
formats.
H
So
you
got
your
groups
and
you
got
your
group
footers,
and
you
have
your
aggregate
footer
down
here
and
you
can
apply
group
props
to
format
it
in
there,
and
you
can
also
apply
a
footer
format
here
to
apply
to
the
aggregate
row.
It's
getting
kind
of
crazy
even
further,
though
you've
got
the
form
and
by
default,
if
you've
got
a
column
format,
that's
going
to
show
up
in
the
out
of
the
box
render
to
the
form
all
right.
You
can
customize.
You
know
what
columns
show
up
here.
H
You
can
even
do
that
conditionally
based
on
expressions,
but
you
can
go
forward.
You
can
add
a
form
header
format
and
you
can
add
a
form,
footer
format
and
you
can
even
control
it's
not
really
a
format,
but
you
control
the
the
number
of
sections
and
what
columns
are
in
those
sections
with
the
body
layout
and
now
what
we're
going
to
talk
about
now
is
kind
of
the
latest
edition
which
is
command
bar
props
fancy.
H
Well
we're
going
to
see
what
these
do
and
how
they
kind
of
fit
in
with
everything
else.
But
I
think
it's
important
when
we're
looking
at
a
pretty.
You
know
broad
landscape
like
this,
where
we've
got
all
sorts
of
stuff
happening
right
and
all
sorts
of
ways
they
can
interact
is
understand
these
kind
of
fall
in
three
major
buckets
right.
H
So
the
thing
I
want
to
point
out
with
command
bar
props
is
this
will
feel
like
a
configuration
item
for
the
list,
but
it
is
not.
It
is
a
customization
for
your
view
and
that's
going
to
be
important
because
it
will
almost
feel
like
you're
doing
something
here
with
security
or
something
else
and
you're,
not
you're,
just
changing
how
things
look
and
so,
which
can
be
very,
very
helpful,
and
if
you
use
that
to
keep
things
kind
of
an
on-rails
experience
and
to
guide
users
into
what
they
need
to
do.
H
That's
the
perfect
use
case
for
this,
but
if
you're
trying
to
lock
things
down,
there
are
other
ways
to
do
most
of
that
right
and
generally
that's
going
to
be
through
security
and
permissions.
Okay
got
that
out
of
the
way.
Let's
actually
take
a
look
at
what
the
heck
I'm
talking
about,
so
we
go
back
to
our
classic
warrior.
Horse's
side
we
get
rid
of
that
before
vesa,
mutes,
perfect.
H
Okay,
so
we
come
over
here
and
we've
all
got
our
warrior
horses
site
right
and
we've
all
gone
through
and
we've
deployed
a
recruitment
tracker
because
we're
trying
to
hire
more
horses-
and
we
all
know
it's
a
horse's
market
right.
So
we've
got
to
get
those
horses
in
here
and
so
what
we've
done
is
we've
deployed.
You
know
the
standard
new
template
here
for
recruitment
tracker
and
that
comes
with
a
couple
of
nice
column
formats
around
our
choices
and
that's
cool.
H
In
fact,
we've
even
applied
a
custom
icon
here
and
there's
a
video
about
that.
If
you
really
want
to
look
at
that,
what
I'm
more
interested
in
today,
though,
is
this
guy
up
here,
so
we've
got
this
command
bar
right.
So
traditionally
we
haven't
been
able
to
do
anything
with
that
right.
There
are
a
few
list
settings
that
might
affect
some
of
that
right,
like
you,
could
have
additional
items
in
the
new
and
so
on.
But
let's
talk
about
what
can
we
do
here?
So
we
do
that
with
a
view
format.
H
So
I'm
going
to
format
the
current
view
right,
and
so
you
can
see.
I've
already
got
alternate
row
styles
added
there,
so
if
I
jump
into
advanced
mode,
you
can
see
that
I
just
had
that
as
a
wizard.
So
that's
there,
so
I'm
going
to
actually
delete
that
because
we
don't
want
that
for
now.
Let's
make
it
a
little
bigger
now,
you'll
notice
that
when
I
select
everything
delete
it,
I
don't
get
any
kind
of
intellisense
really
right,
so
that
can
be
irritating.
That's
because
I
deleted
the
the
schema
reference.
H
So
if
you
do
that,
like
me,
all
the
time
just
save
an
empty
one,
close
it
and
format
the
current
view
again
go
to
advanced
mode.
Oh
I
got
my
schema
reference
back
and
I
don't
have
to
remember
this
strange
url
right,
but
the
reason
you
want
that
again
not
required,
but
you
want
it
because
you
get
the
intellisense
right
so
now,
if
I
type
c,
I
get
command
bar
props,
so
I
can
hit
that
and
sometimes
the
intellisense
auto
selects
the
next
one.
We
could
tab.
H
So
we'll
pretend
that
didn't
happen,
I'm
going
to
type
in
commands,
and
then
I
get
an
array
here
and
now
I
can
do
something
pretty
cool
right.
I
can
specify
different
commands
here
and
I
reference
them
by
key.
So
I
type
in
key-
and
I
automatically
get
this
intellisense
now-
I'm
not
doing
anything
special
here.
There's
nothing
installed
here.
This
is
out
of
the
box
right.
So
I
start
to
see
these
are
kind
of
the
internal
name
for
all
of
these
commands.
H
New
right,
so
that's
are
going
to
edit
the
new
command
and
the
thing
we're
going
to
say
is
hide,
I'm
going
to
say
true
all
right.
Let's
hide
that
thing
preview
that
hey,
we
don't
have
a
new
button
anymore,
wow
wow,
that's
pretty
awesome
right,
so
we
can
start
to
edit
these
buttons
and
change
some
key
things
about
them
right.
So
we
can
remove
the
new
button.
H
Now
again,
we
didn't
really
prevent
anyone
from
adding
new
items
right,
so
you
can
hit
this
edit
in
grid
view,
and
I
can
add
a
new
item
that
way
or
I
can
go
into
the
api
there's
a
lot
of
different
ways.
You
could
do
that,
so
this
is
more
about
guidance
right.
So,
if
you're
saying
hey,
this
is
a
list
we
had
through
powerapps.
We
wanted
to
create
new
items
through
powerapps.
H
Well,
that
could
be
a
great
way
just
remove
the
options
here
as
a
good
reminder
and
keep
people
kind
of
you
know
on
rails,
again,
you're
just
providing
some
guidance
around
the
experience
so
that
you're
not
confusing
users
by
giving
them
options.
You
don't
want
them
to
use
okay,
so
going
a
little
further
here.
So
we
can
hide
it
right,
but
we
can
do
something
else
here
right.
We
can
actually
say
our
text
right.
So
maybe
this
isn't
new.
H
We
want
to
say
add
something
you
know
or
we
want
to
give
it
some
other
context
right.
So
in
this
case,
we'll
say
that
now
our
new
button
says
add
something:
that's
pretty
cool,
you
know,
and
maybe
we
want
to
even
further.
We
want
to
say
icon.
We
hate
that
plus
for
some
reason,
all
right.
We
want
to
say
our
icon
name
is
cat,
because
this
is
a
list
about
cats,
we'll
pretend
right.
So
now
we
have
our
cat
icon
and
I'm
getting
those
icons
from
the
fluent
ui.
H
And
again,
if
you
go
to
flycon
dot
io,
you
can
search
for
all
sorts
of
icons
here
you
know,
and
so,
if
you
type
in
new
up
here,
you
know-
maybe
you
still
see
that
plus
button,
but
maybe
you're
like
ooh,
but
I
want
something
extra
fancy
right.
This
is
a
you
know,
comments
thing,
so
I
say
common
ad,
I'm
going
to
grab
that
let's
go
back
there,
let's
change
my
icon
name
to
that
and
we'll
preview.
H
That
and
now
we've
got
a
nice
icon
again
we're
providing
some
guidance
about
how
we
might
want
to
do
that
kind
of
thing
right,
so
we
can
do
icon
name.
Let's
go
a
little
further
right
and,
let's
say
title,
I'm
going
to
say:
yeah
boyee
right
just
making
this
stuff
up,
and
now
we
get
a
tool
tip
that
I
don't
know.
If
you'll
see
that
way,
you
can't
see
it
when
I
zoom,
but
there's
a
tool
tip
right.
So
title
affects
the
tool
tip,
so
we
can
give
a
little
more
context
right.
H
You
know,
maybe
we've
renamed
this
we've,
given
it
a
cat
icon.
We
want
to
say
just
kidding.
This
adds
a
new
item
right,
so
we
can
do
that.
That's
neat
and
we
can
go
a
little
further
right,
so
we
could
also
say
you
know,
let's
get
rid
of
this
new
button
or
let's
move
the
new
button
over
right.
So
we're
now
we're
going
to
say
our
position.
H
H
H
Let's
try
this
again
edit
and
grid
view,
we'll
just
switch
it
over
to
this
guy.
There
is
some
interesting
stuff
with
the
primary
button,
so
we'll
come
back
to
that
as
well,
but
let's
go
with
position
on
this,
so
this
is
that
grid
view.
Let's
change
its
position
to
three:
let's
see
if
we
get
that
to
work
there,
we
go
so
the
idea
here
is.
We
can
reorder
these.
Oh,
I
wonder
if
I
typed
it
wrong.
Oh
you're,
right
I
see
jim.
I
type
position.
Yeah!
H
That's
not
gonna
work
out,
okay,
so
it
is
important
to
type
these
correctly,
all
right
so
position,
three,
all
right,
that's
cool!
I
can
actually
go
a
little
further.
What
if
I
wanted
to
say
edit
in
grid
view,
is
my
primary
button
right.
So,
let's
get
rid
of
that
and,
let's
just
say
primary
and
I
can
say
primary
is
true,
and
what
primary
does
is
it's
going
to
affect
that
background,
but
you'll
notice,
something
strange
here
didn't
actually
do
it
and
the
reason
is
primary.
True
only
works
in
position
zero.
H
So
just
keep
that
in
mind.
It's
a
little
strange.
So
if
you
put
in
position
zero,
then
you
could
have
it
be
that
primary
look
right.
So
I
can
turn
that
off
and
preview
that
and
you
can
take
that
away.
So
that's
pretty
cool,
there's
a
little
more.
You
can
do
as
well.
So
the
idea
is
here.
If
I
want
to
take
that
grid
view,
I
still
want
it
around.
I
don't
want
to
hide
it
right,
but
I
want
to
put
it
out
of
the
way,
so
I
can
say
the
section
type.
H
H
So
it's
a
it's
an
interesting
little
quirk,
but
if
I
put
it
in
position
0
now
it's
over
here
in
the
overflow
and
in
fact
you
could
put
all
of
these
in
the
overflow.
I'm
not
saying
that's
a
good
idea,
but
you
could
do
that
all
right.
So
and
you
know,
we've
got
some
other
stuff
here,
edit
all
button
in
the
list
form.
No,
so
we're
not
editing
list
form
buttons.
It's
really
just
this
command
bar
okay.
So
we're
setting
things
up
here
in
the
command
bar,
but
we
can
do
the
section
type.
H
H
We
could
say
expressions
in
here
right,
so
we
could
say
if
you
know
and
we'll
say,
if
our
title
or
we're
going
to
say
position
column
our
position
right
equals
equals
assassin
and,
let's,
let's
actually,
let's
make
this
the
edit
button
all
right
and
we're
going
to
say
whether
we
want
to
hide
it
or
not.
All
right.
So
we're
going
to
say
if
the
position
equals
assassin
right,
then
yeah
hide
that
thing.
Otherwise
you
know,
let's
not,
and
so
that
looks
a
little
weird
at
first
right
now.
H
I've
picked
one
that
isn't
visible
here,
but
it
really
only
happens
when
you
have
a
selection.
So
if
I
speak,
seabiscuit
hey
edit,
if
I
pick
pokey,
hey
get
good
it
edit
grid
view
all
right.
So
I
got
edit
and
grid
view
and
so
on,
but
the
idea
is
here:
we
can
write
expressions
and
do
all
sorts
of
things.
You
could
also
simplify
these
expressions.
H
Don't
have
an
if
statement,
you
could
just
have
position
equals
right,
so
you
just
have
something
to
evaluate
to
true
or
false,
and
that
will
work
as
well,
whether
that's
hide
the
title.
The
text,
the
icon
name
position
and
whether
it's
primary
you
cannot
do
it
for
section
type
or
the
other
one
which
is
selection
modes.
So,
let's
look
at
an
example
of
where
I
find
this
extremely
helpful
all
right,
so
let's
just
get
rid
of
that
and
we're
going
to
go
to
another
list.
H
So
we
took
a
look
and
in
fact,
if
you're
interested
in
this,
because
we're
not
really
going
to
go
through
this,
we
created
a
list.
It
has
a
flow
associated
with
it.
We
created
a
button
that
only
shows
the
flow
when
it
matters
right.
It'll
only
launch
the
flow
then,
and
it
has
this
idea
of
a
progress
if
you're
interested
in
that
they
would
probably
paste
the
link.
But
there
is
a
video
on
our
youtube
channel,
called
displaying
progress,
the
power
and
make
flows
and
sharepoint
lists.
H
If
you
take
a
look
at
that,
that'll
walk
all
through
that.
But
what
I
really
want
to
look
at
is
there's
an
issue
here
and
that's
this
automate
button
right
when
I
picked
this.
I've
got
it
automatically,
not
selecting
that,
but
I
have
an
automate
happens
here
right.
It's
got
my
rules,
but
it
has
my
flow
here
which
doesn't
actually
make
sense
right.
I
don't
want
to
do
that
flow.
Oh
thanks,
david
great
right,
so
I
don't
want
to
do
that
flow
at
this
time.
H
So
I
really
want
to
control
that
experience,
and
so
I
can
tell
you
just
I
just
ignore
that.
Don't
click
that
also
request
sign
off.
I
accidentally
clicked
that
one
time
I
don't
remember
how
to
remove
it.
You
know
whatever
it
is:
don't
click
that
either.
So
what
can
I
do
about
that?
Well,
you
might
guess
that
we're
going
to
apply
one
of
these
things
we
just
did
so
I'm
going
to
format
the
current
view,
I'm
going
to
go
to
advanced
mode.
H
So
I
can
write
this
myself
and
we're
just
going
to
grab
one
for
time
here
and
then
I'll
explain
what
it
does
all
right.
Let's
make
that
a
little
bigger,
so
we
can
see
it.
So
what
I've
done
is
I'm
targeting
this
automate
menu.
Now
the
problem
is
right:
it's
got
rules.
I
don't
want
to
take
away
rules
in
general
right,
but
I
want
to
take
away
my
items
here.
So
what
I'm
going
to
do
is
I'm
going
to
say
selection
mode.
H
So
I'm
saying
when
there's
a
single
item
selected
or
a
multi
item
selected
hide
it
right.
I
don't
want
it
to
show
in
those
cases,
in
other
words,
it's
fine
to
show
right
here,
but
as
soon
as
you
select
an
item,
get
rid
of
it
right,
don't
make
it
an
option
anymore,
and
that
takes
care
of
that
problem
for
me,
and
you
can
do
that
with
all
sorts
of
items
which
really
again
provides
that
guidance.
H
So
now
we're
ensuring
they're
not
running
the
flow
and
doesn't
need
to
run
we're
only
running
through
our
kind
of
guided
way
that
you
know
provides
guidance
around
the
buttons
and
so
on.
So
that's
exciting.
So
that's
that
and
I'm
going
to
run
over
here-
and
I
just
want
to
point
this
out
real
quick.
So
take
a
look
at
this.
This
is
the
idea
of
all
of
the
different
things
you
can
set
right
again.
Most
of
these
things
evaluate
to
true
or
false.
You
can
write
true
in
a
string.
H
You
can
write
true
without
strings.
That's
kind
of
up
to
you
and
everything,
but
these
last
two
can
be
expressions
so
section
type
and
selection
modes
cannot
be
expressions
just
these
guys
and
if
you're
looking
for
more
details
on
these,
you
can
always
click
on
that
schema
and
it
will
tell
you
everything:
that's
possible
right
there
in
the
browser.
Okay,
so
we've
got
four
minutes,
I'm
going
to
try
and
show
you
something
else,
just
really
really
quick
just
for
fun
and
we're
going
to
pretend
this
is
a
new
demo.
H
Oh
hey
everybody,
I'm
chris!
Okay,
great!
We
did
it
we're
on
a
new
demo,
all
right,
so
we
go
to
our
site
here,
and
last
was
the
last
week
or
the
week
before
I
don't
know
sometime.
I
was
in
vegas
with
some
of
these
other
guys
and
we
set
up
this
exciting
list
and
all
of
it
is
fed
with
this.
You
know:
microsoft
form.
We've
shown
some
of
that
on
how
to
do
that.
But
our
whole
idea
is.
H
It
comes
to
this
list
right,
so
we've
got
data
coming
in
and
that's
exciting,
and
we
want
to
do
something
else
here.
So
I've
created
a
couple
of
views
right.
I've
got
a
honeycomb
view,
which
is
a
cool
one.
It's
it
doesn't
really
mean
anything
in
this
case,
but
it's
very
pretty.
I've
got
a
recent
comments
view
that
just
shows
the
last
three
items
that
came
in
and
kind
of
shows
their
comments.
You
know
bigger
smaller
and
then
I
can
even
add
a
new
view
right.
H
So
I'm
going
to
create
a
new
view
and
we're
going
to
call
this
heat
map
and
we're
going
to
make
this
like
this
here.
So
now,
it's
just
like
this
and
I'm
going
to
run
over
to
our
github
pnp
list,
formatting
repo,
I'm
going
to
go
to
our
view,
samples
and
I'm
going
to
run
down
and
I'm
going
to
grab
a
sample
called
heat
map,
which
is
a
new
one
we've
put
in
here
and
I'm
just
going
to
grab
the
json
for
that
directly
and
it's
a
big
one.
H
Okay,
so
it
is
a
big
one,
all
right,
so
I'm
going
to
copy
that,
and
I'm
just
going
to
paste
that
here
that's
current
view
and
I'm
going
to
advance
mode
and
I'm
going
to
paste
that
sucker
right.
So
we
can
see
what
that
looks
like
let's
preview,
that
now
there's
something
wrong,
which
is
my
state
column
is
slightly
different,
so
I
think
it
states
here
and
so
we're
going
to
do
is
we're
going
to
swap
out
the
column.
I
hit
a
control
f.
H
H
Svg
right,
so
the
idea
is,
we
are
using
absolute
positioning
and
we
are
positioning
these
svgs
one
over
the
other,
and
then
we
are
drawing
at
opacity
point
two.
Whenever
a
state
is
included
in
our
column,
the
state
and
what
that
does,
it
has
the
effect
of
darkening
the
state
the
more
times
it's
mentioned
right.
So
we
get
this
kind
of
heat
map
approach.
So
that's
a
cool
way
to
visualize
our
list.
H
So
we're
going
to
save
that
and
then
we're
going
to
add
one
more
because
we've
got
a
goal
in
mind
here:
we're
going
to
create
a
new
view
and
we're
going
to
call
this
one
gauge
and
we'll
just
create
that.
And
what
we're
going
to
do
is
we're
going
to
take
this
and
we're
going
to
take
this
and
we're
going
to
add
a
totals
column
right.
So
we're
going
to
say
on
our
rating.
We
want
an
average.
H
H
The
show
hide
columns
over
here
add
columns,
show
hide
columns,
I'm
going
to
take
away
everything,
but
our
rating
column
for
this
one
print
apply,
make
sure
we've
got
everything
here
all
right
and
then
we're
going
to
format
the
current
view
and
I'm
going
to
take
a
format
that
is
also
on
the
site,
but
I've
just
got
also
here
just
for
quickness
and
let's
just
grab
a
footer
format.
So
what
we're
going
to
do
is
we're
trying
to
format
just
that
little
bottom
part
right.
H
So
we're
going
to
copy
that
we're
going
to
paste
that
inside
here,
oh
yeah,
there
we
go
so
now,
we've
taken
the
gauge
again.
This
is
a
sample,
that's
available
to
you
right
and
now
we've
got
a
format
here,
which
is
pretty
cool,
but
what
I'm
going
to
show?
You
is
the
idea
of
a
composed
format.
So
I
have
a
footer
format,
but
I
can
go
a
little
further
in
this
case,
in
addition
to
my
footer
format,
right
up
at
the
top
here,
I'm
going
to
apply
a
couple
of
generic
things.
H
Hide
the
selection
hide
the
column,
header
and
I
have
a
row
formatter
which
in
this
case
just
hides
every
row
very
exciting
format,
but
it
has
the
effect
of
making
this
just
this
gauge
right.
So
that's
exciting,
so
I
saved
that
and
what
I
could
do
with
all
of
this
and
the
reason
we
did
all
this
is.
If
I
go
to
my
home
site-
and
I
edit
this
page-
I've
got
it.
H
You
know
I've
got
a
couple
of
two
column
sections
here:
I'm
going
to
grab
the
list
web
part
and
grab
my
field
notes
list
right
and
if
I
go
and
edit
this
I
could
say
the
view
on
this
one
will
say.
Is
the
recent
comments
we'll
just
apply
that
all
right,
we'll
turn
these
two
off,
so
we'll
hide
those
all
right.
We'll
come
over
here.
We're
going
to
do
the
same
thing,
I'm
going
to
say
the
list.
H
I
apply
that
there's
our
honeycomb
and
the
other
thing
is
we're
going
to
make
this
one
kind
of
small
too.
But
it
is
I'm
just
using
the
list
web
parts
off
on
different
views
of
that
same
list
right.
So
this
one
we're
going
to
go
grab
that
heat
map
view
I'll
make
this
one
a
little
bit
bigger.
I
have
to
know
that
one
doesn't
fit
very
well
otherwise,
right
we
apply,
we've
got
our
heat
map
and
then
we
come
over
here
and
we're
going
to
grab
our
list.
H
H
You
know
we'll
call
this
states,
you
know
and
so
on
right,
so
we
can
have
all
these
is.
You
know
recent
comments
and
then
we'll
make
this.
As
you
know,
pdb
there
we
go,
but
the
idea
here
is:
we've
taken
a
single
view
of
a
list,
that's
coming
in
from
forms
right
and
we've
got
all
sorts
of
things
hooked
to
that
we
can
do
everything
else,
but
now
we're
taking
different
views
mo
all
of
these,
which
are
samples
in
our
list.
H
Formatting
repo
and
we
applied
them
on
a
page
and
we've
essentially
built
a
dashboard,
so
we
could
watch
as
list
items
come
in
and
see
what's
going
on,
so
we
have
kind
of
a
aggregate
view
here.
We've
also
got
a
fancy
map
right
and
we
can
go
further.
We
could
link
these
things
together.
We
could
do
all
sorts
of
really
really
neat
stuff
and
I
didn't
deploy
a
solution.
I
didn't
have
to
write
anything
in
power
bi.
If
I
wanted
to,
I
could
have.
H
Maybe
I
want
to
bring
it
because
it's
a
modern
page
I
want
to
bring
in
like
a
twitter
feed
right.
I
can
mix
and
match
all
the
other
web
parts
with
this
and
really
create
kind
of
a
dynamic
application.
All
right.
So
I
know
I'm
over
time,
so
I'm
just
going
to
jump
back
to
the
slides
and
then
we'll
be
done
all
right
there.
You
go
that's
about
the
list,
footer
very
exciting.
Again,
we
have
a
dedicated
video
on
that.
H
If
you
want
to
look
at
a
little
more
detail
of
how
you
might
draw
that
that
sample
the
gauge
is
also
available.
Here
are
those
links.
I'm
sure
david's
going
to
paste
those
in
the
chat
for
those
that
are
joining
the
call
live,
but
for
everyone
else.
If
you
just
go
to
that
list,
formatting
repo,
every
single
one
of
those
I
just
showed
is,
in
the
view
samples,
there's
also
some
fanbar
prompt
samples
as
well,
and
that's
all
I
got
thanks.
A
Everybody
awesome.
Thank
you.
Chris.
There
are
stables
of
stallions
celebrating
everywhere
for
the
return
of
warrior
horses,
very,
very
cool
stuff.
Let's
go
back
to
the
slides
and
thank
you
again
to
our
two
awesome,
presenters,
tommy
and
chris.
For
today's
presentations
and
demos,
really
great
stuff
recording
will
be
available
within
24
hours
on
the
microsoft
365
community,
youtube
channel,
aka,
dot,
ms4
m365,
pnp
videos
subscribe
today,
you'll
get
the
alerts,
you'll
know
exactly
when
it's
available.
You
can
always
follow
us
on
twitter
at
microsoft365dev
or
at
m365pnp.
A
The
next
m365
general
dev
call
will
be
two
weeks
from
today
april.
28Th
7
am
pacific
time.
Next
week
we
will
have
our
vb
connections
and
sharepoint
framework
call
april
21st
at
7
00
a.m.
Pacific
time
as
well,
the
collection
of
other
community
calls
is
available.
Here
too,
we've
got
our
platform
call
as
mentioned,
which
occurs
every
week
on
tuesday
adaptive
cards,
microsoft,
identity,
platform,
office,
add-ins
powerapps,
which
is
next
week
and
there's
going
to
be
a
change
there.
So
we
invite
everyone
to
take
a
look
there.
It's
going
to
be
exciting.
A
Some
very
very
cool
and
familiar
community
opportunities
are
going
to
occur.
There
then
we've
got
our
two
calls.
The
m365
community
and
viva
connection
sharepoint
framework
get
all
of
these
at
aka.ms4
m365
pnp.
Thank
you,
everybody
for
the
fantastic
conversation
and
collaboration
in
the
chat.
You
are
amazing,
keep
doing
awesome.
Stuff
have
a
great
weekend.