►
From YouTube: Microsoft 365 PnP – General Microsoft 365 Developer SIG community call – 5th of August, 2021
Description
Microsoft 365 PnP Community - General SIG call on August 5th. Demos: Power Platform Tips & Tricks, List Formatting Enhanced Web Part, and List Formatting Magic. Project releases this week - PnP .NET Libraries - PnP Framework v1.6.0, PnP .NET Libraries - PnP Core SDK v1.3.0 and PnP PowerShell v1.7.0. Announced Power Platform Samples, PnP Recognition Program, and the new Microsoft 365 tenant – script samples gallery. Three Power Platform samples delivered. Sign up and attend an event hosted by Sharing is Caring. The host of this call was Julie Turner (Sympraxis Consulting) | @jfj1997. 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 bi-weekly General M365 Dev SIG call: http://aka.ms/spdev-sig-call
• Learn more about the Microsoft 365 Patterns and Practices community at: http://aka.ms/m365pnp
• Visit the Microsoft 365 Patterns and Practices community YouTube channel: https://aka.ms/m365pnp-videos
A
A
We
have
the
latest
on
the
pmp
framework
and
the
core
sdk
extension
powershell
latest
on
your
teams,
the
microsoft
graph
toolkit
teams,
samples
and
some
other
things
that
we'll
talk
about
we'll
also
have
time
for
picture
time
with
together
mode,
and
then
we
have
three
demos
and,
as
I
was
saying
earlier,
I'm
happy
to
say
that
I
can
pronounce
everyone's
name.
We
have
april
dunham
is
going
to
do
some
power
platform
tips
and
tricks.
A
So
there's
always
opportunities
to
join
in
the
pnp
community
and
contribute
you
obviously
can
demo
or
show
a
technical
pattern
on
one
of
our
many
calls
and
to
to
do
that.
You
just
need
to
reach
out
to
one
of
the
team
members
and
let
them
know
that
you
have
a
demo
that
you'd
like
to
share
and
we
can
get
you
scheduled
into
one
of
the
calls,
if
you're
a
little
nervous
about
that
if
you've
never
presented
before.
A
We
also
have
the
sharing
x
caring
initiative
that
david's
going
to
talk
about
a
little
bit
to
has
an
initiative
to
help
you
get
some
tips
and
tricks
on
presenting
and
can
help
you
through
that
as
a
first-time
presenter,
you
can
also
contribute
to
github.
So
there's
all
of
our
solutions,
samples,
guidance,
libraries
are
all
available
on
github
and
they're
all
open
to
contribution
and
again
the
sharing
is
caring
initiative.
Is
there
to
help
you
get
started
with
that
if
you've
never
contributed
to
github
or
you're
new
to
github.
A
I'd
also
point
out
that
we
also
have
non-tech
non-developer
repositories
to
contribute
to
like
the
microsoft,
365
community
docs
and
the
m365
maturity
model.
Those
are
both
more
business-facing
and
documentation-facing
repos
that
you
can
also
contribute
to
so
there's
a
lot
there's
something
for
everyone
and,
if
you're
interested
in
contributing
you
should
you
should
get
started
on
that
and
also
last
but
not
least,
you
can
provide
feedback.
So
we
love
to
have
feedback.
Positive
feedback
is
wonderful.
A
So
this
is
the
slido
links
as
patrick
rogers
likes
to
call
this.
So
we
have
a
lot
a
lot,
a
lot
of
content
available
to
you.
We
have
the
microsoft
365
developer,
videos
where
you
can
go
to
see
videos.
The
recordings
of
these
calls
different
examples
and
learnings
that
you
can
consume
through
our
video.
If
that's
one
of
the
things,
one
of
the
ways
you
like
to
consume
content,
we
also
have
the
so
that's
developer,
videos.
We
also
have
the
community
videos
where
all
the
community
recordings
are.
A
We
have
all
our
open
source
repos,
like
I
mentioned
before,
the
sharepoint
pnp
office
dev,
my
personal
one
pmpjs,
with
a
coat
which
I
co-maintain
with
patrick
rogers.
All
of
those
are
open
source
and
anyone
is
welcome
to
contribute.
We
have
lots
of
sample
galleries
and
that
seems
to
be
ever
expanding,
which
is
really
excellent.
A
So
we'll
talk
a
little
bit
more
about
that
later,
but
we
have
sample
gal
release
and
then
the
sort
of
one
link
to
rule
them
all
the
aka
dot,
msm
365
pmp,
slash,
m
365
pnp.
That
link
takes
you
to
our
landing
page.
That
gives
you
links
to
everything
else,
so
you
don't
have
to
remember
them
all.
Just
remember
that
one
and
it
will
get
you
to
all
the
other
ones
and
believe
me,
that's
the
one
I
use,
because
I
can't
remember
the
urls
to
anything.
A
A
So
let's
talk
about
the
microsoft
365
extensibility
lookbook.
This
is
a
gallery
of
extensibility
samples.
So
to
help
you
understand
or
imagine
the
ways
in
which
the
microsoft
365
platform
can
be
extended.
There's
this
lookbook
and
you
can
go
there
and
and
review
all
those
samples
and
and
get
tips
and
tricks
on
how
to
get
started
and
what
the
art
of
the
possible
is
with
the
platform.
So
I
definitely
encourage
you
to
go
check
that
out
and
see
what
is
available
and
then
so.
We
also
have
the
getting
started
with
microsoft
teams.
B
Hey
there
so
pmp
script,
samples
is
a
site
for
sharing
scripts
used
to
automate
your
tasks
in
365.
So
this
includes
scripts
for
the
cli
for
microsoft,
365,
pmp,
powershell
and
spa
management
tools.
I'd
like
to
thank
you
for
the
those
that
have
contributed
so
far
to
the
initiative.
Absolutely
awesome.
B
The
second
one
is:
if
you're
viewing
a
script
and
you're
not
entirely
sure
what
the
command
that
does,
you
can
click
on
the
command
and
it
will
take
you
to
the
documentation
site
for
that
tool.
So,
for
example,
if
you're
clicking
on
a
cli
command
it
will,
it
will
navigate
over
to
the
cli
documentation
site,
so
you
can
find
out
a
bit
more
detail
about
it,
and
for
that
I
cover
the
cli
365
pmp
powershot
and
the
spo
management
command.
That's
for
that
feature.
B
If
you
would
like
to
contribute
to
the
tool
you
can
use
the
guidance
on
the
site
or
test
the
guidance
on
the
site,
or
you
can
feel
free
to
reach
out
to
me,
be
more
than
happy
to
help
you
in
your
contribution,
paste,
listen
to
the
issues
list
ping
on
chat.
Whatever
you
can
you
can
I'm
happy
to
speak
to
you
back
to
you
judy.
A
C
In
fact,
our
next
scheduled
one
is
on
the
power
platform
in
september
and
we're
also
going
to
set
up
a
a
recognition
program
ama
because
I
know
there's
some
questions
around
that
which
we'll
talk
about
in
a
moment
so
again,
they're
free,
hands-on,
we're
going
to
walk
you
through
how
to
accomplish
all
these
things.
We
do
not
record
them
so
there's
safe
space,
inclusive
opportunities
for
you
to
come,
ask
questions
collaborate
with
others
in
the
community,
meet
others
in
the
community
and
get
more
involved,
aka
dot.
Ms
forward
slash
sharing
is
caring.
C
C
Coming
soon,
as
I
mentioned,
we
will
likely
do
a
ama
on
that
to
answer
some
of
the
questions
around
it
because
I
know
some
have
been
reaching
out
with
curiosity
questions
and
we
want
to
make
sure
that
everyone
has
an
opportunity.
You
do
need
to
opt
in,
though,
please
go
to
dot
ms
forward
slash,
m365,
pnp,
dash
recognition.
We
need
to
tie
your
information
over
to
the
the
credly
system
and
we
need
to
get
that
by
way
of
you
registering
for
the
program.
So
please
do
that.
C
A
Thank
you
very
much
that
sharing
is
caring.
Initiative
is
pretty
much
the
one
of
the
best
things
we've
done
as
a
team.
It
really
helps
people
get
involved,
and
I
I
love
that
that
program
exists
and
it's
just
a
wonderful
way
to
get
started.
So,
if
you're
new
to
any
of
this
and
just
really
need
a
safe
place
to
get
started
absolutely
join
in
on
some
of
those
initiatives.
A
D
Yes,
yeah
exactly
thank
you
julie,
so,
yes,
talking
about
the
pmp.net
libraries
we're
just.
We
have
just
few
news
because
we
have
been
on
vacation
time
like
almost
everybody
else,
but
still
pmp
framework.
We
released
version
1.6
we
updated
season
and
managed
some
fixes
and
improvements.
So
thank
you
to
werwin,
luis
manes,
christian
zuelinga
and
michael
martinez.
D
So
if
you
have
a
spare
time
during
the
summer
time,
please
give
it
to
us
and
help
us
creating
the
actual
implementation
of
the
provisioning
engine
with
this
latest
release
of
the
schema
and
we
plan
to
release
version
1.7
in
late
summer.
So
it
would
be
really
great
to
have
also
the
whole
implementation
of
the
new
schema
in
there
talking
about
the
pmp
core
sdk.
Well,
I
have
to
say
that
we
are
really
happy
because
we
cross
the
200
000
downloads,
which
is
a
huge
achievement.
D
Yeah,
okay,
so
now
I
can
go
back
to
my
vacation
time.
Yes
about
your
teams,
nothing
really
new,
because
also
victor
is
on
vacation.
So
we
we
simply
want
to
remind
you
that
there
is
the
new
version
3.2.0
in
that
one.
There
are
some
cool
new
capabilities
like,
for
example,
support
for
github
code
spaces,
so
give
it
an
eye
if
you
haven't
done
yet
and
let
us
know
what
you
think
and
be
prepared
for
version
3.3,
which
will
come
out
most
likely
right
after
the
summer
break,
and
that's
all
for
me.
Thank
you.
D
A
E
Good
morning
or
afternoon,
or
a
good
day
to
everyone
for
microsoft,
graph
toolkit
ever
since
the
build
announcement
of
that
we
are
trying
to
align
with
the
new
web
components
that
was
also
announced
at
microsoft.
Build
our
team
has
been
working
really
hard
to
align
all
the
components
that
we
have
with
the
fluent
ui
web
components.
E
That
includes
identifying
and
aligning
all
the
sub
components
trying
to
prototype
to
make
sure
all
the
functioning
parts
between
two
web
component
frameworks
are
aligned
properly
and
then
giving
feedback
to
the
phone
ui
team
to
make
sure
that
we
have
everything
that
we
need
and
they
have
everything
that
they
need.
So
this
is
taking
a
lot
of
our
time
and
effort
from
the
team
and
we're
a
very
small
team
for
those
of
you
that
know
us.
So
we
really
need
people
to
help
us
fix
bugs
and
improve
our
features.
E
If
you
want
new
things,
that's
coming
to
the
existing
b2
point
blood
so
make
sure
that
you
go
to
aka.ms
mgt
and
find
the
help
wanted
in
good
first
issue
text.
We
are
really
right
now,
relying
on
our
community
to
help
us
improve
our
current
version.
Like
I
said
so,
please
help
us
and
then
we
also
have
a
couple
things
that
is
in
preview:
that's
preparing
for
the
new
release
2.3
later
this
month.
E
Part
of
it
is
a
uploading
file
functionality
for
mgt
file
list.
This
is
contributed
by
our
community
member
andre
and
we
also
have
a
new
teams.
Sso
provider,
that's
going
to
help
you
with
the
single
sign-on
portion
of
using
microsoft
toolkit
within
teams,
application
that
is
contributed
by
simon,
also
our
mvp
and
then
so,
if
you
have
any
feedbacks
or
discussions,
there's
the
issue
number
listed
on
the
bottom
of
the
screen,
make
sure
that
you
go
check
it
out
a
little
last
piece.
A
F
Hi
yeah
and
I'm
turning
on
my
camera,
so
that
I
can
say
that
I
don't
have
anything
to
say,
but
parker
is
sad.
You
know
there
were
no
new
team
samples
submitted
since
the
last
meeting,
but
so
your
sample
could
be
here
if
you're
doing
anything
with
teams
or
thinking
about
doing
something
with
teams.
Please
reach
out
to
me
if
you
need
some
help,
but
I'd
love
to
see
some
more
samples
come
in.
F
I
guess
a
little
bit
of
foreshadowing
is
that
teams
engineering
is
work,
has
worked
up
a
wish
list
of
samples,
so
those
will
be
posted
in
the
issues
to
the
team
sample
repository
and
I'm
trying
to
get
them
into.
One
of
these
calls
to
actually
explain
some
of
the
ideas
and
and
outline
the
program,
but
in
general
we
need
more
samples
and
there's.
If
you're
looking
to
start
a
team's
project,
go
to
please
check
out.
We
have
a
ton
of
samples.
Actually
that
can
help
you
get
started
so
aka
dot,
msl
teams,
samples.
F
G
G
For
powerapps
templates
components
for
powerapps
custom,
connectors
functions,
flow
templates,
power,
bi
virtual
agents,
and
if
we
move
to
the
next
slide,
I
did
want
to
highlight
a
couple
of
the
new
submissions
that
we
have
here.
Oh
I
see
my
name
on
there,
so
I
had
a
sharepoint
collect
feedback
workflow
sample,
so
this
is
kind
of
replicating
the
old
school
collect
feedback,
workflow
and
sharepoint
inside
of
the
power
automate
shows
how
we
can
execute
a
flow
within
sharepoint
with
input
parameters
and
use
some
custom
responses
and
power
automates.
G
We
also
have
a
great
sample
by
scott
mckenzie
on
getting
graph
api
data
using
power,
bi
reports
in
there
and
then
also
one
more
by
fabio.
Franzini
is
a
fluent
ui
custom
theme
for
powerapps.
So
we
have
fluent
ui
custom
themes
and
dataverse
for
teams
applications,
but
not
our
out-of-the-box
canvas
apps.
Yet
so
fabio
has
this
great
theme.
We
can
bring
that
fluent
ui
look
and
feel
into
our
powerapps
canvas
apps
thanks.
Everyone
for
the
samples.
A
A
G
Yes,
so
I
wasn't
sure
if
this
new
functionality
would
be
ready
yet
so
I
just
put
the
generic
tips
and
tricks,
but
thankfully
it
is
working,
so
I'm
really
excited
to
show
it
all
right.
So
there's
some
new
functionality
where
we
can
have
our
powerapps
applications
as
teams
meeting
apps
that
I
want
to
walk
through
first,
I
want
to
kind
of
briefly
step
set
the
stage
here
and
what
we
can
do
right
now
today
already
before
all
of
this,
with
integrating
our
power
ups
and
teams.
G
So
we
have
this
nifty,
add
to
teams
button
in
our
canvas
apps,
and
we
can
click
that
that'll
actually
go
and
open
up
teams
for
us
and
we
can
easily
add
a
power
up
canvas
app
this
way
into
teams
as
a
tab.
So
you
see
we
kind
of
have
two
options
to
add
to
a
team
or
even
add
to
a
chat.
So
we
can
search
for
the
team.
We
want
to
add
it
to
find
the
channel
there
and
that
will
actually
go
and
just
set
up
the
tab.
G
So
it's
really
simple
integration
out
of
the
box
that
we
have
now
and
of
course,
in
addition
to
this
whole
functionality
of
being
able
to
add
it
as
a
tab
which
we've
had
for
quite
a
while.
Now
we
also
have
the
ability
that
we've
had
for
a
while
as
well
to
be
able
to
take
these
power
apps
that
we
built
and
add
them
as
tenant-wide
applications
in
the
app
catalog
here
in
the
app
store
and
teams.
G
G
This
allows
our
app
content
from
a
meeting
side
panel,
which
we're
seeing
here
we're
actually
able
to
silo
in
the
side
panel
a
power
app
here,
and
then
we
can
take
that.
We
can
basically
present
that
to
the
screen
kind
of
like
we
do
a
powerpoint
presentation
now
and
attendees
now
can
then
see
that
and
interact
with
that
application
real
time
in
the
meeting.
This
is
pretty
cool
functionality.
I
want
to
show
a
simple
use
case
of
how
we
could
get
this
set
up.
G
First
thing
I
want
to
share
about
this
main
stage,
though,
is
this
is
right
now
still
the
in
developer
preview,
so
you
will
need
to
go
into
your
team's
client
settings
and
enable
that
developer
preview.
If
you
want
to
try
this
out
today
for
this
to
show
up.
So
let's
take
a
look
first
at
a
power-up
that
I
have
so
my
use
case
here
is
this
time
sheet
application.
Maybe
we
have
weekly
status
meetings
where
we
go
through
and
look
at
everyone's
time
in
group
meetings.
G
G
But
we
want
to
choose
the
option
below
for
download
the
app
instead
of
add
to
teams,
because
this
functionality
is
new
and
it's
not
baked
into
the
native
add
to
teams
functionality
yet.
So
we
need
to
make
a
few
tweaks
here
to
the
manifest
file
to
be
able
to
add
this
application
in
as
a
main
stage
type
application.
G
So
you
want
to
make
sure
in
the
scope.
First
of
all
that
we
have
team
and
group
chat
and
in
the
context
right
now
you
see
that
what
this
means
is:
where
can
we
use
this
power
app?
We
can
use
it
in
the
meeting
details.
Tab
in
the
meeting
chat,
tab,
private
chat
and
channel,
but
if
we
want
to
use
it
in
the
other
scope
there,
then
we
need
to
we're
sorry
just
a
second.
G
G
That's
what
allows
us
to
load
the
powerapps
application
into
the
side
panel
there
and
then
once
we
have
that
we
need
to
add
meeting
stage
option
to
the
context
here
once
we
have
that
all
set,
then
we're
good
to
go
and
we're
going
to
be
able
to
actually
take
this
power
app
and
load
it
into
the
meeting.
So
you'll
just
give
this
a
save
and
you'll
zip
your
files
back
up
that
and
all
the
files
are
right
here.
G
If
we
take
a
look
at
they're,
just
a
manifest
file
and
then
images
for
the
color
and
the
outline
so
we're
just
going
to
take
those
zip
those
back
up
into
a
new
package
so
that
we
can
go
and
add
this
into
teams
now
so
in
teams,
all
we
would
need
to
do
is
go
into
our
apps
tab
here
in
the
left,
rail
and
then
we
can
go
to
upload
a
custom
app.
We
have
a
few
different
options.
G
Do
you
upload
for
my
org
if
you're
wanting
everyone
to
be
able
to
utilize
this
in
their
meetings
and
point
that
to
your
zip
file,
that
you
have
click
open
and
that
will
go
install
it
now?
I've
already
had
this
installed
and
it's
all
ready
to
go.
So
if
I
want
to
use
this
now
in
a
meeting,
all
we
have
to
do
is
we'll
go
back
here.
So
that's
how
I
have
it
added
we're
going
to
actually
just
go,
create
a
new
meeting
from
scratch
to
start
this
out
with.
G
So
I'm
going
to
create
a
time
sheet
review
meeting,
I'm
going
to
add
in
some
attendees
I'm
going
to
make
david
and
be
part
of
this
meeting,
we're
going
to
create
it
and
I'm
going
to
open
up.
The
meeting
first
thing
I
wanted
to
show
is
that
meeting
tab
experience
first
before
I
show
the
new
functionality,
so
those
are
the
tabs
we
have
across
if
you
wanted
to
have
it
as
a
meeting
tab.
G
All
we
have
to
do
is
click
the
plus
button
and
I
can
find
my
weekly
timesheet
and
we
can
click
on
that
and
we
can
have
it
in
the
meeting
tab
so
that
we
can
use
that
and
put
in
our
time,
maybe
before
our
meeting.
So
that
is
that
functionality
that's
there.
We
don't
have
to
do
anything
special
to
get
this
functionality
working
right
now.
G
So
I'm
going
to
join
the
meeting
like
I'm
just
going
to
join
it
usually,
and
I'm
going
to
wait
for
a
few
minutes
here
for
for
david
to
get
onto
just
so,
we
can
see
what
the
experience
looks
like
as
me
being
the
host
of
the
meeting
and
the
ones
sharing
the
app
and,
as
david
being
an
attendee
of
the
meeting.
So
david
should
join
here
in
a
second
there.
G
He
is
so
I
want
to
add
this
as
a
meeting
panel
application,
so
I'm
going
to
click
the
three
dots
and
we
have
that
add
an
app
option.
You
see
so
again.
If
you
have
the
dev
preview,
this
will
show
up
and
then
I
can
click
on
my
weekly
timesheet
application
that
should
show
here,
since
I
just
added
it
and
all
I
have
to
do,
is
click
save
and
this
is
going
to
load
that
into
the
side
panel
now
you'll
see
right
now.
G
This
is
a
little,
not
super
intuitive
to
use,
because
the
side
panel
here
for
meetings
is
optimized,
for
I
think
about
365
pixels
wide
type
applications-
and
this
is
a
desktop
optimized
app.
So
if
you
had
a
power
app
that
was
optimized
for
mobile,
this
would
look
really
nice
in
the
panel.
But
this
is
why
I
want
that
share
to
main
stage
functionality
to
really
be
able
to
use
this.
So
so,
while
I
can
interact
with
it,
it's
not
very
usable.
So
how
do
I
share
it
to
the
main
stage?
G
Well,
at
the
top
right
up,
there
you'll
see
that
little
share
trace.
So
we
have
the
settings
there.
We
can
click
that
and
that
will
broadcast
this
application
as
soon
as
I
click
it
into
the
main
stage,
and
now
we
can
start
interacting
with
the
power
app
live
in
our
teams
meeting.
So
this
is
what
it
looks
like
for
me.
Moving
around
and
david's
able
to
see
me
moving
around
the
application
and
using
it
there
now.
G
What
is
it
going
to
look
like
for
david,
though
so
I
can
see
my
timesheet,
so
I
can
go
through
the
approval
process,
see
what
everyone's
submitted
there.
Now,
let's
switch
over
to
david's
profile
as
he's
in
the
meeting,
and
I
wanted
to
point
this
out
for
a
reason,
because
if
you're
wanting
to
use
this
functionality,
you'll
notice,
that
dave
is
getting
this
big,
this
app
isn't
opening
correctly
error.
So
that's
not
good
right.
Why
is
this?
G
G
Well
before
we
want
to
slide
load
this
in
into
our
team's
meeting,
I
want
to
go
back
into
powerapps
and
click.
The
share
tab
for
the
application
that
I
want
to
broadcast,
I'm
going
to
go
at
david,
and
you
see
when
I
did
that
david
got
that
message
to
log
in
with
his
credentials
and
now
he's
able
to
use
the
app.
We
see
it's
him
because
there's
his
picture
and
then
there's
his
name
in
the
welcome.
G
So
now
he
can
interact
with
the
app
on
his
own
there's
no
time
sheets
in
there
because
he
doesn't
have
any,
and
you
can
see
approvals
and
all
of
that.
So
it's
a
fully
fledged
functioning
experience
here
for
everyone
to
be
able
to
collaborate
in
an
application
inside
of
a
team's
meeting
with
powerapps.
So
it's
I'm
pretty
excited
about
this
functionality
and
it's
pretty
simple
to
get
set
up
and
start
using,
and
it's
really
great
for
those
collaborative
meeting
experiences
and
being
able
to
use
some
of
the
power
apps
that
you
have
cool
and
yeah.
G
A
C
Yes,
absolutely
this
is
a
little
bit
of
a
repeat
from
one
a
year
ago,
but
it's
important
for
new
ones
in
the
community
be
able
to
understand
the
opportunities
for
extensibility
that
is
available
to
them.
So
we
wanted
to
share
with
the
community
enhanced
styles
for
list
formatting
in
lists
webpart.
This
is
one
by
hugo
and
myself.
We
contributed
to
this
and
built
it
together,
and
so
I
want
to
make
sure
he
got
the
due
credit
that
is
deserved,
meaning
that
he
did
most
of
the
work
and
I'm
just
the
voice.
C
So
there
you
go.
Why
and
what
is
a
enhanced
styles
web
part?
Well,
it
is
an
spfx
web
part
and
it
provides
the
opportunity
to
include
enhanced
css
styles
on
a
single
page,
so
you
may
say:
well
why
not
just
use
an
spfs
extension
right.
Well,
an
extension
is
going
to
affect
every
page
in
your
site
collection,
whereas
the
web
part
is
only
going
to
affect
the
pages
where
the
web
part
is
added.
C
C
C
It's
not
something
that
is
available
as
of
yet
to
list
formatting
at
that
level
that
we're
going
to
show
you.
But
again
this
is
a
lightweight
extensibility
that
provides
a
lot
of
power
to
the
awesomeness
that
you're
going
to
see
in
a
moment
from
chris
camp.
So
let's
take
a
moment
and
look
at
a
brief
demo
of
what
it
is
that
you
can
take
advantage
of
so
we're
looking
here
at
a
list
now
this
is
a
simple
list
of
community
contributors.
We've
got
some
photographs,
some
titles,
some
information,
pictures,
etc.
C
And,
of
course,
we
know
that
we
can
apply
things
like
list
formatting
to
it
at
a
view
level.
So
if
I
come
over
and
we
look
at
a
version
of
that
that
we've
used
in
the
past,
it
shows
all
of
the
information
that
we
saw
on
that
list,
but
in
a
more
graphical
way
right,
so
we're
taking
the
icons
here
and
we're
showing
the
different
information
like
their
linkedin,
their
favorite
marvel
or
dc,
where
they're
located
in
canada,
their
favorite
season
or
sport
etc.
C
But
can
we
enhance
this
with
additional
hover
effects
and
transform
effects?
Well,
absolutely
so
I'm
gonna
go
over
to
a
page
because
remember
all
of
our
list.
Formatting
definitions
can
be
inherited
within
the
list
web
part.
So
what
I've
done
on
this
page
is
I've
simply
just
dropped
the
list
web
part.
C
So
I
edited
that
and
we
see
if
I
edit,
that
web
part
we've
got
a
list
web
part
out
of
the
box.
This
is
all
completely
achievable
by
simply
using
the
out
of
the
box,
but
if
you
were
to
use
the
enhanced
list
formatting
web
part,
as
we
can
see
available
right
here
when
I
add
that
I've
already
added
it
to
my
tenant,
so
we
have
the
ability
to
take
advantage
of
that.
C
If
I
add
that
we
do
get
a
little
bit
of
that
gps
warning
right,
we
need
to
be
reminded
that
this
is
a
very
powerful
and
must
be
used
for
good
web
parts.
So
if
you
misuse
the
web
part,
then
you're
going
to
experience
things
like
loss
of
styles,
broken
styles.
Why
is
sharepoint
broken
tears?
Nightmares,
blue
screens
of
death?
Oh
lie.
No
one
wants
that,
so
make
sure
you
use
it
and
we
hit
accept
we're
good
to
go
we're.
We
want
to
be
superheroes
you're,
given
the
opportunity
to
add
custom
styles.
C
You
can
see
it
already
shows
up
here
in
the
right
panel.
If
I
click
that
it
will
just
if
that's
closed,
and
I
click
that
it'll
bring
it
open.
We
can
also
expand
it
for
a
greater
ability
or
more
real
estate
on
our
screen.
If
we
want
to
do
that
and
then
we
can
just
add
our
css
styles,
so
I've
got
a
number
of
styles
here
that
I'm
going
to
to
simply
add
in
off
screen
and
they're,
just
nothing
more
than
basic
css.
C
In
its
view,
right
looks
a
little
vintage
there,
but
it's
just
showing
the
ability
of
being
able
to
use
that
transform
and
the
ability
to
override
those
pseudo
attributes,
but
wait
there's
more
if
we
replace
that
now
we're
going
to
get
into
a
little
bit
of
a
hover
effect
right.
So
now
we've
turned
into
a
little
more
rounded
corners
added
some
colors,
and
if
I
hover
over
it
now
you
can
see
there's
a
little
bit
of
a
glimmer
that
happens
right.
C
So
we
see
that
animation
we're
able
to
change
the
color
of
the
primary
text
there,
and
we
also
add
that
little
orange
glimmer
that
goes
across
the
screen
and
gives
us
a
little
nicer
effect
draws
the
attention
for
the
user
and
it's
driven
by
the
user
right
we're
not
adding
gratuitous
animation
here
for
the
purposes
of
just
annoying
or
trying
to
draw
attention
without
the
user,
having
decided
to
see
that
interaction
themselves,
let's
jump
to
another
version
of
a
list
formatting.
So
here
we've
got
a
polaroid
effect,
a
pretty
cool
effect.
C
C
It's
a
good
way
to
represent
right,
it's
kind
of
got
that
vintage
look
as
well,
but
again
what
if
we
wanted
to
take
it
to
the
next
step,
so
we're
going
to
edit
this
we're
going
to
add
that
web
part
onto
the
screen,
I'm
going
to
say
I
accept,
add
custom
styles
and
I'm
going
to
add
some
css
here
and
again
we're
just
getting
into
some
some
basic
hover
effects
right.
So
we're
looking
at
that
pseudo
attribute
right
there,
something
that
we
can't
achieve
using
just
the
base
list,
formatting
definition
on
its
own.
C
C
So
we'll
change
our
custom
styles
here,
select
all
delete
come
over,
and
now
we
see
what's
happened
is
we've
got
a
little
different
right,
we're
injecting
a
use
of
a
custom
font,
we're
very
specific
in
our
use
case
here,
by
the
way,
we're
not
looking
to
override
areas
that
we
don't
own.
We
are
adding
it
to
the
html
that
we
do
own
in
a
very
specific
use
case
and
in
this
case
we're
using
because
remember
when
we
use
polaroids
we'd
write
the
name,
maybe
the
location,
the
year
etc.
C
C
Color
contrast
right
so
now
we're
bringing
even
more
attention
to
the
focus
of
the
individual
that
we're
hovering
over
again,
a
user
action,
a
very
definitive
action
by
the
user
to
ensure
that
we're
only
acting
on
what
they
are
specifically
hovering
over
we're
not
randomly
bringing
them
to
the
forefront,
but
it
allows
even
more
information
to
kind
of
be
highlighted
as
we're
going
about
navigating
the
screen
now.
Lastly,
the
last
demo
I'll
show
you
takes
it
one
step
further,
because
I
love
this
one.
C
It's
pretty
cool
and
again
everything
you're
seeing
so
far
is
nothing
more
than
css
right.
There's
no
javascript
here
we're
not
ejecting
javascript,
we're
simply
using
plain
css,
so
you'll
notice.
Now
the
heart
has
been
added
right.
We've
got
a
little
heart
added
there
and
if
I
hover
over
it,
we
still
get
that
effect
where
it
brings
it
at
the
forefront
kind
of
squares
it
up.
But
when
I
hover
over
that
heart,
we
get
that
little
sprite
right,
so
we're
using
a
gif
animation
to
be
able
to
provide
an
extra
layer
of
experience
and
interactivity.
C
This
could
be
a
hyperlink
that
clicks
back
to
some
flow
or
something
like
that
that
actually
favorites
our
our
users
here
our
community
contributors
right,
but
it
adds
just
a
little
extra
experience
to
the
to
the
users
interactivity,
which
is
pretty
pretty
fantastic
and
again
list.
Formatting
is
getting
better
and
better
every
day.
Chris
always
shows
amazing
things
and
I'm
sure
he's
going
to
show
another
amazing
thing
here
in
a
few
moments.
C
But
this
is
one
opportunity
for
you
now
remember
points
to
keep
in
mind.
It
is
one
to
one
on
the
page
right
so
where
you
drop
the
web
part
is
where
it's
going
to
be
used.
If
you're
going
to
use
this
in
other
places,
then
yes
you're,
going
to
have
to
drop
that
web
part,
maybe
copy
the
styles.
It
does
allow
you
to
ensure
that
they're
scoped
only
to
the
page,
though
right
so
you're,
not
including
a
bunch
of
extra
code
or
css,
or
even
just
a
call
to
another
list
where
the
css
may
live.
C
C
You
can
learn
a
little
bit
more
about
pseudoelements
classes
and
animations
at
these
web
urls
and
the
demo
or
the
web
part
is
also
available
at
the
pnp
spfx
repository.
So
please
don't
hesitate
to
take
advantage
of
it
feel
free
to
reach
out.
If
you
have
any
questions
other
than
that
julie
back
to
you,.
A
H
All
right,
I'm
chris,
all
right!
Everybody
I'd
like
to
remind
you
all
that
I
may
not
have
some
fancy
animations,
but
that's
you
know,
that's
largely
because
with
great
power
comes
great
responsibility,
as
as
uncle
ben
said,
so
very
important
to
get
that
corrected.
Now,
let's
move
on
here.
So
let's
take
a
look:
let's
go
to
our
warrior
horses
site:
here's
jewel!
I'm
going
to
drag
you
over
here
to
the
back.
H
Okay.
Now
one
of
the
things
we're
going
to
talk
about
is
some
ways
to
get
started
here
like
how
do
you
dive
in?
How
do
you
get
going
right
now?
It's
if
you've
got
an
existing
list
or
you
know
you've
seen
some
samples.
Maybe
you
start
there
and
that's
a
great
way
to
start,
but
some
of
the
other
ways
you
might
want
to
start
are
taking
a
look
at
what
microsoft
puts
out
there.
H
So
in
this
case
we're
going
to
add
a
new
list
and
we're
going
to
add
one
of
these
templates
right,
so
the
warrior
horses
they
are
expanding.
They
need
more
warriors.
Some
of
them
just
keep
dying,
it's
horrible,
so
they
need
a
recruitment
tracker.
Now,
if
you
pick
these
you'll
notice,
I've
got
a
preview
here
and
you'll
see,
there's
actually
quite
a
bit
of
formatting
right
that
comes
in
here.
Some
of
them
may
not
be
obvious
to
you
that
this
is
formatted,
but
because
the
choices
kind
of
happen
automatically
now,
but
this
is
all
formatted.
H
So,
let's
start
with
this
recruitment
tracker
we're
going
to
use
this
template
first
thing
I'll
tell
you
is
remove
this
space.
All
right
make
improvement
tracker,
so
you
don't
get
an
ugly
url
with
that
percent
20
in
we're
going
to
create
that
and
there
we
go
now
you
can
see
our
url
here
is
beautiful.
It
has
no
ugliness
in
it
and
then
we
just
plug
this
to
add
that
space
back
in
bam
all
right,
give
it
a
second
there
we
go
so
there's
a
nice
fun
thing
here
now.
H
The
first
thing
we
want
to
do
is
we've
got
this
kind
of
list
going,
but
we
want
to
come
over
here
and
we
want
to
remove
a
couple
of
columns
that
we
don't
need.
For
instance,
horses
do
not
use
phones,
you
guys
may
not
have
known
that
so
nice
thing
about
these
templates.
Is
you
don't
need
it
get
rid
of
it
or
add
to
it
right?
No
big
deal
I'm
going
to
remove
both
these
phone
screen
columns.
H
Just
edit
I'm
going
to
delete
down
here
and,
of
course
the
horses
actually
have
a
rule
that
if
you
have
a
linkedin
profile,
you
automatically
don't
get
the
job.
So
we're
going
to
remove
that
one
as
well
all
right
there
we
go
beautiful,
beautiful
now.
Of
course
our
positions
are
going
to
be
very
different,
so
we're
going
to
edit
that-
and
so
you
see
by
default-
they've
been
kind
of
this
list
here
now
we
want
to
change
that
to
what
makes
sense
for
us
right,
so
we
would
hire
some
assassins
right.
H
We
could
just
type
over
there
hit
enter
or
the
next
line.
You
know
maybe
a
battlefield
engineer
and
a
lot
of
a
mindless
grunt
and
of
course
everyone
needs
customer
support,
so
we'll
keep
that,
but
we
don't
need
any
account
managers.
We
just
x
to
delete
that
now
we
can
set
some
colors
here
right.
So
assassins
will
make
those
red
battlefield
engineers
orange
minus
grunts
yeah.
You
can
have
a
nice
blue
that
looks
lovely
customer
support.
H
You
get
agreed
right
and
we
can
move
these
around
by
just
grabbing
this
little
thing
here
all
right
and
drag
them
around
put
them
in
the
order.
We
want
them
so
very
cool.
All
that
now
one
of
the
things
we
can't
do
yet
is
edit
that
icon
from
here.
But
if
we
go
ahead
and
just
save
our
changes,
you
know,
let's
add
in
some
data
I'm
not
going
to
make
you
watch
we
type
in
all
of
our
candidates.
Here,
there's
an
edit
in
grid
view
here
and
I
haven't
have
it
on
another
screen.
H
So
let
me
just
grab
all
of
that
and
copy
one
more
down
copy
and
then
over
here
and
I'm
gonna,
just
paste
wow
does
anyone
else?
Have
this
problem
with
a
quick
edit.
All
the
time
come
on
come
on
there.
We
go
okay,
so
now
we'll
paste
all
that
in
so
now,
we've
got
some
data
in
there,
so
we
can
start
manipulating
it
right
all
right
now
that
it's
done
saving
this
grid
view
and
see
that
it's
got
this
stuff
here
now
we
mentioned
this
icon
right.
What?
H
If
we
want
to
change
those
icons
around,
because
you
know
check
mark
for
mindless
grunt
that
makes
zero
sense.
Let's
zoom
this
just
a
little
bit,
so
we
can
see
that
all
right,
so
we
can
go
in
settings.
We
can
format
this
column
and
you
notice
that
it's
already
got
kind
of
a
design
wizard
set
up
here,
so
we
can
hit
edit
styles
and
we
want
to
change
that.
H
We
can
just
click
here
and
go
more
styles
and
then
we've
got
a
bunch
of
options
here
now,
if
you
don't
want
one
of
these
icons-
and
I
definitely
don't
for
mine
this
grunt
right-
you
can
use
all
sorts
of
icons,
but
you
can't
specify
them
here
so
to
do
that,
we're
going
to
do
is
we're
going
to
come
in
here
and
we're
going
to
format
this
column.
Now
that
we've
got
it
set
up
the
way
we
want,
we
use
the
design
wizard
to
get
it.
It's
pretty
close
to
what
we
want.
H
It's
currently
is
the
accept.
Is
the
name
of
the
icon
a
little
bit
defect,
solid,
all
right,
battlefield
engineer?
Well,
you
know
why
don't
we
do
a
construction
code?
That
sounds
exciting,
so
come
back
here,
but
you
can
see
the
nice
thing.
Is
I'm
not
really
writing
a
format,
I'm
just
editing
one
they
put
together
for
me.
So
an
assassin
yeah
drop
a
blood
that
makes
sense
all
right
copy
that
and
we'll
put
that
in
for
the
assassin
and
we'll
keep
the
little
mail
icon
for
the
customer
support
preview.
That
looks
great
now.
H
We've
got
our
nice
icons.
We
didn't
really
have
to
do
any
real
formatting
right.
We
just
search
for
icon
and
there
we
go.
We've
got
it
now.
There
are
some
cool
things
we
can
do
here
right.
So
let's
save
this
off
as
a
view
for
ourselves.
So
let's
go
ahead
and
save
you
as
and
we'll
just
call
this
my
interviews
right.
So
I'm
trying
to
track
what
interviews
do
I
have
coming
up
so
hit
save,
and
in
order
to
do
that
right,
I
might
come
over
here
and
say
yeah.
H
I
only
care
about
the
ones
where
I'm
one
of
the
interviewers
right.
So
I
don't
care
about
little
sebastian
or
sir
horses
in
the
third
right.
So
I
can
do
this
filter
and
you've
got
this
nice
little
thing
here
this
dynamic
at
me.
I
click
that,
and
so
it's
going
to
automatically
say.
Whoever
is
looking
at
this
view
only
show
the
ones
where
they
are
inside
this
group
right.
So
that's
really
helpful
and
in
fact,
I'm
going
to
then
sort
by
the
interview
date.
All
right,
we'll
go
older
newer.
H
So
we
can
see
what
entries
are
coming
up
all
right
and
then
we're
going
to
save
this
view.
Just
hit,
save
us
and
say
so,
that's
cool,
but
what,
if
I
want
to
you
know,
have
a
dynamic
filter
kind
of
like
I
do
for
interviewers
on
the
interview
date.
So
if
I
went
to
here,
sadly
that
is
not
here
in
this
interface,
so
I
have
to
go
kind
of
old
school
here,
I'm
going
to
edit
the
current
view.
H
We'll
see
this
old
screen,
I'm
not
going
to
really
touch
anything,
but
down
here
so
show
items
only
the
phone
is
true,
so
this
is
what
that
did
with
that
at
me,
we
saw
so
now
we're
just
going
to
say
and
the
interview
date
is
greater
than
or
equal
to
right.
We
can
say
today,
but
now
we
want
not
just
today,
we
want
like
the
past
couple
of
days
as
well
right,
so
we're
going
to
say
you
know
today
minus
two
that
sounds
good
right.
H
So
then
we
just
hit
okay,
that'll
save,
and
now
we've
got
a
nice
view.
All
right,
that's
customized!
For
that,
and
one
of
the
cool
things
is.
I
can
make
this
a
gallery
all
right,
so
I
pop
it
over
to
a
gallery.
Oh
fancy,
and
now
I
can
save
this
view
again.
You
know,
let's
get
a
little
star
there,
and
I
save
it
again
to
say
that
when
you
go
to
this
view
it
should
be
the
gallery
by
default.
So
I'm
going
to
do
that
and
now
what?
H
If
I
want
to
change
this
around
right,
so
I
can
again
I
can
go,
get
some
samples.
I
can
jump
in
there
and
start
editing
that
or
I
need
to
say
format,
current
view
and
you'll
see.
I've
got
this
nice
card
designer.
Let's
start
with
that,
so
we
start
with
the
card
designer
the
recruiter
is
always
the
same
guy.
We
don't
want
to
show
that
all
right,
we'll
show
the
candidate
name.
The
position
share
progress.
H
We
don't
really
care
when
they
applied
all
right,
we'll
show
all
those
interviews
and
we'll
make
sure
we
show
that
nice
face
in
it.
So
that's
pretty
cool
all
right.
We
can
even
drag
things
around
so
say
we
care
more
about
progress
right,
we'll
drag
that
up
there,
and
so
so
I've
got
that
kind
of
where
I
want
it.
I
can
choose
to
show
the
column
names
or
not,
I'm
going
to
leave
them
in
and
hit
save
looking
good.
H
This
is
a
great
place,
so,
whether
it's
a
gallery
or
these
other
formats
they
kind
of
put
together
for
you.
This
is
a
great
place
to
learn
what
is
available
to
you,
oftentimes
things
that
aren't
necessarily
even
documented
yet
we'll
be
in
here.
You
might
see
things
like
these
extra
classes,
so
you'll
see
one
of
the
things
that
happens
is
when
you
click
on
one
of
these
anywhere.
You
click.
It
opens
up
the
item
and
they're
accomplishing
that
they've
got
this
button
elements
the
very
first
child
element
and
they're.
H
Just
using
this
class
sp
card
default
click
button,
and
then
we've
got
the
row
action.
What
this
does
is
actually
positions
a
button
over
the
whole
thing,
so
you
don't
have
to
do
it
yourself.
You
can
use
this
exact
same
piece
here
and
you
could
have
that
you
know
you
could
do
default
click
you
can
do
share.
You
know,
launch
a
flow
whatever
you
want
all
right.
H
So
that's
pretty
neat,
but
you
can
also
see
really
cool
things
like
how
they're
using
the
colors
and
so
on
and
they've
got
all
sorts
of
things
for
how
the
columns
are
laid
out.
You've
got
nice
things
to
learn
about
the
metadata,
for
instance,
so
we
can
see.
Candidate
name
is
really
just
the
title
field.
That
they've
changed
the
display
name
on,
and
we
can
see
that
here.
So
no
matter
what
you
change,
that
display
name
by
using
this
little
exclamation
point
here,
we're
pulling
out
the
metadata
from
that
column.
H
So
we
can
access
things
like
the
display
name.
That's
really
cool!
Now
in
this
one
particular
case
yeah
we
don't
care.
We
don't
want
to
show
that
here
all
right,
so
we're
going
to
kill
that
all
right.
We
just
kill
that
whole
thing
preview.
It
hey
that's
cool
right.
We
come
in
here
and
we
can
see
a
couple
of
things
like
this
sp
card
highlighted
content
like
that's.
What's
making
this
slightly
bigger
and
bold
we're
just
going
to
get
rid
of
that,
but
we
don't
need
that.
H
We're
going
to
add
some
styles
ourselves
right
and
we're
going
to
say,
make
the
font
size,
18
pixels,
and
what
you
got
a
comma
there
and
we'll
add
our
font
weight
all
right
and
we'll
put
that
at
say.
600
sounds
very
exciting:
let's
see,
oh,
so
pretty
the
videos
we
can
start
to
customize
it.
So
we
kept
all
the
labels
for
everything
else,
but
we
got
rid
of
it
for
the
top
right.
We
could
also
see
interesting
things
like
this
like.
Why
is
this
underlined
right?
So
they've
got
a
p
tag.
H
They've
got
a
paragraph
element
and
they're
saying
that's
not
allowed.
This
is
an
example
of
where
sticking
out
some
of
these
things
they
generate
can
clue
you
into
things
that
aren't
yet
documented,
yet
aren't
necessarily
part
of
the
schema
and
but
it
also
can
be
helpful
to
take
a
look
at
the
schema.
So
if
you've
ever
wondered
what
the
heck
this
stupid
thing
is
it's
what
defines
what's
allowed
here
right
and
it's
not
stupid.
H
So
sorry,
all
right,
we'll
just
open
up
a
new
window,
I'm
going
to
open
that
up,
we'll
go
into
the
schema
and
it's
cool,
so
you
can
actually
see
what's
in
here.
So
this
is
for
the
tile
view.
The
main
thing
we
care
about,
though,
is
that
formatter
you
can
just
click.
This
link,
it'll.
Take
you
right
in
so
you
can
see
things
like.
Oh,
I
can
open
context
menu,
that's
cool
right,
here's
all
the
different
things
I
can
do
with
that
button
or
here's
all
the
operators
right.
H
So
all
the
different
expressions
and
of
course
you
can
check
out
the
documentation,
but
sometimes
this
is
a
much
easier
way
to
check
these
things
out.
You'll
notice,
the
p
tag
is
missing
from
the
elements.
That's
the
reason
for
that
error,
but
so
on.
You
can
see
all
sorts
of
really
interesting
things
by
checking
out
the
schema.
So
I
encourage
you
to
check
that
out.
Sometime,
let's
head
back
in
here,
look
at
a
couple
more
items
here
and
so
let's
go
on
down.
So
we're
gonna.
H
Take
a
look
at
this
interviewers
right.
So
we
already
know
this
view
is,
is
already
filtered
to
where
I
am
one
of
the
interviewers.
I
don't
really
need
to
see
my
own
face
every
time
right,
so
I
can
come
down
here
again.
I
can
do
a
quick
find
for
interviews
ors
right
there.
They
are
so
this
is
where
they're
displaying
right
and
instead
of
saying
the
display
name
in
this
case.
H
What
if
I
want
to
put
other
interviewers
right,
because
I
don't
care
about
seeing
my
own
self
there
so
now
I'll
change
the
label-
and
you
can
see
here-
we've
got
this
whole
section
and
nice
thing
is.
You
can
expand
and
collapse
that
right?
So,
if
I
just
wanted
to
remove
all
of
it,
I
could
just
do
that
and
get
rid
of
it,
but
in
this
case
they're
going
through
they're
doing
some
really
fancy
stuff.
H
So
you're
looking
for
some
advanced
ways
to
display
this
stuff
check
out
this
little
section
on
how
to
handle
these
people
with
these
previous,
it's
very
neat,
but
we
can
edit
some
of
that
ourselves
right.
So,
let's
pull
ourselves
out
so
we're
going
to
say
you
know
if
the
length
is
equal
to
one
then
just
play
a
line
because
hey
that
makes
sense
right,
because
we
we're
always
going
to
have
at
least
one.
H
We
know
ourselves
are
going
to
be
in
there
and
the
other
thing
we
can
do,
then,
is
we
come
down
here
to
this
main
display
of
this
object
and
they're,
saying
hey
if
it's
over
5
don't
display
them?
Well,
we
can
do
that
exact
same
thing,
except
we
can
also
put
an
or
like
hey.
If
it's
over
5
4,
we
say
the
person
iterator,
dot,
email
equals.
Add
me,
then
don't
show
it
all
right.
H
We
gotta
put
that
in
the
right
spot,
whoopsie
all
right,
ignore
that
we'll
put
it
up
here
in
the
actual
condition,
that's
kind
of
important
there
we
go
and
we'll
preview
that
there
we
go
so
sort
of
removing
a
little
bit
here.
We
got
some
weirdness
with
the
name,
but
the
idea
here
is
you
can
pull
yourselves
out
all
right.
So
now
we're
just
editing
this
we're
starting
there.
That's
really
cool,
and
we
got
one
more
thing:
we're
going
to
do
here
and
that's
this
interview
date
right,
that's
cool!
H
It's
got
this
nice
display
value.
If
you
haven't
seen
that
yet
we'll
just
scroll
up
here
to
where
we
got
the
interview
date
right
use
that
display
value
that's
instead
of
getting
exact
date
value,
you
get
this
nice
friendly,
looking
right
so
four
days
from
now
yesterday,
tomorrow,
all
that
kind
of
stuff.
What
if
we
wanted
to
add
a
little
bit
to
this?
H
It
will
make
this
a
p
as
well,
if
that's
fun,
all
right,
we'll
just
take
our
text
content
which
we'll
just
grab
like
this
and
we'll
actually
just
drag
it
down.
So
that's
nice!
Now
our
text
content
is
a
child
element
instead
of
being
actual
part
of
the
the
main
element,
and
that
allows
us
to
put
like
another
element
here,
which
this
case
we're
going
to
add
a
span
right.
So
actually,
let's
make
this
one
spam
too,
just
for
fun.
H
And
in
this
case
we're
going
to
put
an
icon
right,
so
we
can
just
grab
some
attributes,
I'm
just
going
to
grab
those
and
stick
them
in
there.
So
you
can
not
watch
me
type.
I
can
always
right
click
and
format.
The
document
ooh
fancy
all
right,
so
I've
got
an
icon
if
we
preview
that
now
we've
got
this
little
icon
showing
up
here
right
next
to
our
text.
We
didn't
change
anything
else.
So
let's
add
some
styles
to
that.
H
H
So
traditionally
we
would
write
something
like
display
and
you're,
adding
an
if
statement
right.
So
you
hit
equals,
and
you
put
if
we're
going
to
say
say
like
the
display
value
is
nothing
that
we
want
to
do
nothing
right.
We
don't
want
to
show
it.
So
if
the
interview
date
display
value
equals
nothing,
then
we'll
say
none.
Otherwise,
let's
do
inline
right,
so
that's
one
way
to
do
it
now
we
can
make
sure
we're
only
showing
this
if
it
actually
has
a
date.
But
what
if
we
want
to
show
it
based
on
time?
H
H
If
I
make
myself
laugh,
okay,
but
the
idea
here
is,
you
could
do
this
there's
an
easier
way
to
do
this
now
and
that's
really
what
I
want
to
show
you
and
that's
that
we
can
replace
all
of
this
with
a
nice
new
operator
called
add
days,
so
we
just
put
in
our
whatever
date
we
want
to
add
to
so.
In
this
case
we're
going
to
say
interview
date
and
we're
going
to
say
the
number
of
days
we
want
to
add
in
this
case
we're
going
to
say
negative
seven.
H
We
want
to
look
seven
days
in
the
past
and
then
we
could
preview
that
all
right
so
that
one
I've
messed
up
the
but
yeah
it
is.
If
you
want
to
study
within
seven
days,
you
wanna
say
about
five
days
and
so
on,
and
you
start
seeing
those
show
up
like
that.
Okay,
all
right
so
ad
day
is
really
helpful
and
let's
wrap
up
real,
quick.
H
H
A
That
was
awesome.
Thank
you,
chris
all
right,
let
me
just
quickly
share
our
last
screen,
so
just
letting
everyone
know
that
the
recording
will
be
available
in
24
hours
at
the
aka.msm365
pmp
videos.
You
can
subscribe
to
that,
so
you'll
get
notified
and
our
next
general
call
will
be
on
august.
19Th
so
definitely
join
us
then,
and
I
want
to
thank
everybody
for
attending.