►
Description
Recording of SPFx and JavaScript development in SharePoint Community Call from 28th of February. Topics include updates from SharePoint engineering on SPFx, latest on PnP JS Core, Office 365 CLI, Reusable SPFx controls and PnP SPFx Yeoman extension.
Detailed covered content from SharePoint Dev Blog at http://aka.ms/spdev-blog.
Demos:
David Warner (Catapult Systems) - Managing o365 themes from SPFx web part
Nanddeep Nachan (Sagitec Solutions) – Web part displaying hierarchical information from a SharePoint list
Ravi Kulkarni (Accenture) – Image Gallery Web Part Built with Adaptive Cards
You can download an invite to this bi-weekly call from https://aka.ms/spdev-spfx-call.
A
Hello
and
welcome
to
the
SharePoint
framework
in
JavaScript
special
interest
group
bi-weekly
sync
is
February
28
2019,
our
last
meeting
in
February
and
2019
already
flying
by
hope
everybody's
having
a
good
year.
So
far
new
thing,
we're
gonna,
skip
the
intro
slaughter.
Take
that
out
to
save
ourselves
a
little
bit
of
time
and
oops
looks
like
oh
I,
see
what
happened
there
so
on
the
agenda.
We've
got
the
normal
stuff
entering
update
on
SharePoint
framework
patterns
and
practices
update
across
the
various
I.
A
Don't
know
almost
call
them
products
across
the
various
offerings
there
and
then
three
demos
or
two
demos,
depending
how
you
look
at
it.
David
Warner
on
managing
office
uses
five
themes
from
an
SPF
X
web
part
and
then
an
N
beep
na
Chan
and
Ravi
Culkin
re
are
I'm,
not
100%,
certain
I
think
they're
gonna,
Co
present
or
code
demo,
but
we've
got
an
image
gallery
web
part
and
adaptive
cards
and
then
some
hierarchical
site,
information
or
information
from
a
SharePoint
list.
A
Rather,
sorry
so
two
great
demos
there
from
those
guys
and
look
forward
to
seeing
that
just
a
quick
statement
for
everyone
in
the
call
Microsoft
teams-
yes,
we
have
heard
of
its
yes,
we
would
like
to
use
it.
Unfortunately,
it
does
not
currently
support
some
of
the
features
which
we
need
for
these
calls,
so
we're
not
currently
using
it,
but
we
do
know
about
it.
We
have
heard
about
it,
but
it's
it's
just
not
something
we
could
do
because
of
wanting
to
pull
in
the
community
presenters.
A
So
we
definitely
are
going
to
move
there
as
soon
as
we
can
as
soon
as
supports
the
features.
So
that
seems
to
be
a
question
that
comes
up
generally
almost
daily,
so
just
a
heads
up,
we
will
move
there
as
soon
as
team
supports
the
large
meeting
and
presenter
features
we
need.
So
just
everybody
is
on
the
same
page
with
that.
A
Looking
for
opportunities
to
participate
in
the
P
and
P
SPF
X
and
JavaScript
special
interest
group
really
encouraged
if
you're
working
on
something
cool,
we'd
love
to
see
you
demo
it
on
this
call,
so
that
can
be
stuff
around
sharepoint
framework.
Any
of
the
PNP
offerings
so
PJs
the
CLI,
the
controls
of
the
yeoman
generator
as
well.
We
encourage
you
to
contribute
on
github
and
contributing
can
be
reporting
issues
submit,
pull
requests.
Of
course
you
can
always
help
with
issues
and
questions.
Folks
have
questions
they're
in
the
list.
A
A
You
know
a
lot
of
complaints
and
a
lot
of
you
know
why
aren't
you
doing
X
Y,
&
Z,
and
it's
not
necessarily
because
we
aren't
trying,
but
it's
very
much
just
a
time
crunch
on
our
side
so
but
not
focus
on
that
really
want
to
focus
on
getting
all
of
you
out
there
in
the
community
an
opportunity
to
demo.
So
if
you
get
a
chance,
please
do
reach
out
to
my
self
reach
out
to
visa
and
excuse
me
we'd
love
to
get
you
demoing.
A
B
B
Thanks
Patrick,
so
let's
do
a
quick
update
on
the
SharePoint
framework
site
before
the
demos
and
all
of
the
other
stuff.
Just
few
reminders.
If
there's
new
people
on
the
call,
a
kms,
SP,
Deb,
Doakes,
Okemos,
SP,
dev,
videos
and
I,
can
miss
SP
Debbie
sure
saw
the
really
the
URLs
to
remember
around
the
SharePoint
developments
or
documentation
or
video
guidance,
and
also
the
issue
of
lists.
B
If
you're
running
into
any
technical
issues
around
the
developer
platform,
now
few
reminders
this
one
was
there
actually
already
the
last
time
as
well
so
by
two
weeks
ago,
just
a
reminder
for
everybody:
we
have
an
updated
set
of
SharePoint
framework
developer
training
materials,
which
is
now
six
modules.
It
will
be
further
extended
by
two
two
additional
modules.
When
the
1.8
goes
out,
there
will
be,
for
example,
a
module
related
on
SharePoint,
sorry
max
of
teams.
B
Tab
development
in
the
context
with
the
context
of
SharePoint
framework
or
using
SharePoint
framework,
and
what's
really
cool
about
this
package,
is
that
you
can
reuse
this
package
any
way
you
want.
Now
we
have
videos
for
helping
you
to
redeliver.
We
have
demos,
we
have
hands-on
labs.
We
have
presentation
materials
which
you
can
use
any
way.
You
want
anybody,
what
everything
is
free
for
you
to
reuse.
So
if
you
are
a
trainer
considering
on
delivering
SharePoint
framework,
training,
materials
or
trainings,
you
can
use
this.
B
That
means
that
please
go
to
the
Mike's
of
learning
and
the
Microsoft
learning
assets
and
the
Twitter
and
all
of
that
and
try
and
indicate
that
you
really
would
be
looking
into
doing
a
certification
around
the
SharePoint
framework.
So
you
need
to
be
active
on
this
one
as
well.
Thank
you
for
that.
One
on
advanced,
so
quick
update
on
the
metrics,
obviously,
and
numbers
are
crowing
still
there
is
a.
There-
was
a
massive
jump
right
after
the
holiday
break
and
now
it's
slightly
slowing
down
from
that
massive
growth.
B
But
it's
still
growing
every
single
week
we're
doing
a
new
record
on
the
SPF
X
usage
in
SharePoint
Online.
So,
let's
see
where
we
are
in
the
in
the
end
of
March,
most
likely
that
curve
keeps
on
pointing
up
so
it
definitely
it's
not
going
to
start
pointing
down.
The
question
is
how
deep
the
curve
will
be
going
and
growing
in
the
user
in
the
on
the
usage.
B
Other
things,
a
quick
update
on
the
SharePoint
framework,
a
developer
roadmaps,
just
a
reminder
something
so
1.8
is
the
next
thing
which
is
going
to
go
out.
1.8
was
actually
originally
scheduled
for
today,
so
full
transparency.
We
were
planning
to
release
that
today
do
at
certain
alignments
required
for
the
Mike's
of
teams
and
SharePoint.
We
will
actually
delay
that
slightly.
So
that
will
not
happen
today,
but
now
we
will
release
a
SharePoint
framework
1.8
by
end
of
March
and
potentially
much
earlier
than
that,
and
so
it's
happening
pretty
soon.
B
The
big
things
in
1.8
is
a
channel
availability
for
Microsoft
teams,
development
with
SharePoint
framework,
so
that's
coming
out
single
parts
at
betas
is
coming
out.
Isolated
web
part
is
coming
out.
Then
the
fact
that
your
Microsoft
teams
applications
working
works,
natively
in
SharePoint
is
coming
out
and
a
few
other
things
as
well
and
then
after
1.8
will
work
more
on
the
store
and
apps
or
story
for
SharePoint
framework
and
if
you
additional
things
as
well,
so
no
timings,
no
timings
on
that
one
1.8
is
definitely
a
big
one.
B
No?
Actually
so
the
the
team's
implementation?
That's
actually
an
interesting
question.
If
we
exposed
a
SharePoint
page
in
the
teams,
could
I
actually
then
walk
into
the
team's
context?
If
we
think
that's
true,
that's
the
interesting
thing,
but
in
1.8
what
we
will
support
is
creating
Microsoft
teams
tabs
using
SharePoint
frameworks
or
if
there
is
a
tutorial
available
on
that
we're
also
working
on
the
updated
higher
version
of
type
treatment.
React.
That's
coming
and
I
will
confirm
the
versions
latest
later
on.
B
Maybe
in
a
week
in
the
in
the
following
community
code,
now
one
thing
what
we
actually
showed
no
chase
version
most
likely
won't
be
jumps
to
the
10.0.
Yet
so,
but
we'll
we'll
see
how
that
knows,
and
the
library
package
support
might
be
available.
We
are
right
now
testing
that
one.
So
let
me
actually
get
back
on
the
on
the
previous
file.
The
library
packets
version
did
I
actually
have
it.
Yes,
we're
right
now,
testing
that
one,
it
seems
to
be
90%
positivity
that
we
can
we're
able
to
push
it
out
as
far
as
1.8.
B
Why
four
packets
basically
means
that
you
can
have
one
package
deployed
as
a
centralized,
let's
say
in
quotes
and
assets
or
assets,
scripts
like
a
locking
or
access
to
SharePoint
list
and
then
multiple
web
parts
from
different
packages,
or
it
can
easily
just
use
that
code.
So
you
have
a
one
piece
which
is
not
bundled
in
numerous
times
to
same
JavaScript
files.
You
can
just
reference
to
one
centralized
package,
and
so
that's
most
likely
is
coming
on
the
on
the
1.8,
if
not
in
1.8,
it
will
come
out
in
1.9.
B
1.9
time
frame
is
around
built
SPC
in
a
SPC
meaning
shape
on
conference
North
America.
Now
one
thing
what
we
talked
about
last
week
last
time
as
well.
Already
we
talked
about
the
new
action
attribute
which
is
available
will
be
available
in
the
web
part
level
around
the
supported
hosts,
and
this
kind
of
an
interesting
thing.
I
added
slightly
wanted
to
elaborate
this
this
time
so
we're
able
to
whenever
you're
implementing
a
SharePoint
framework
web
part.
Well,
you
are
able
to
define
a
way.
B
The
web
part
will
be
visible,
so
it's
the
web
part
visible
in
the
web
part
picker.
Is
it
visible
as
a
SharePoint,
full
page,
app
and
I'll
explain
what
it
is
in
a
second
or
is
it
visible
as
a
team's
tabs
option,
and
those
options
are
then
driving
how
your
solution
is
getting
distributed
inside
of
the
tenon,
and
this
is
the
distribution
of
the
of
the
solutions
in
the
teams
in
the
team.
Section
will
be
completely
automatic
as
well.
B
We
will
demo
this
most
likely
if
1.8
it
hasn't
gone
out
by
next
bi-weekly,
shape
and
frame.
Recall
will
absolutely
demonstrate
all
of
the
capabilities
there,
so
you
will
get
a
preview
on
that.
Did
I
almost
kind
of
a
hint
that
when
this
might
be
coming
out,
but
hey
we'll
see
now
the
single
page
applications
I
wanted
to
pre
flee.
This
is
a
mock-up
picture
and
it's
not
super
precise,
but
you
can
probably
see
what
I'm
actually
presenting.
B
B
So,
first
of
all,
by
within
the
round
the
same
time
as
1.8
goes
out,
we
are
releasing
a
new
UI
which
supports
beit's
templates
for
the
modern
pages,
so
we're
able
to
save
any
page,
small
and
plates
as
a
template,
and
then
those
page
templates
are
exposed
as
an
option
when
you
create
a
new
page.
Now
in
that
UI
you
are
able
to
click
add
pages
and
in
the
at
beta
selection.
B
Then,
if
you
have
wet
bars
which
are
designed
to
be
exposed
as
an
update,
they
will
be
exposed
as
an
option
for
you
to
create.
So
that
helps
on
you,
then
creating
a
page
or
a
single
page
application,
and
that
will
then
have
a
wet
part
inside
of
it,
and
this
page
will
also
support
and
configuration
of
the
wet
bar
if
needed,
and
the
app
pages
are
basically
from
an
int
user
perspective.
They
cannot
edit
a
page
because
that's
really
the
intention
of
that
page.
It
is
exposing
a
single
place.
Functionality
such.
B
The
one
kind
of
related
on
the
other
things
which
are
coming
just
some
previews
and-
and
these
are
still
mock-ups
I-
can't
actually
show
you
the
the
int
the
final
versions
of
these
things,
but
it's
good
to
know
where
we're
actually
heading.
This
is
the
upcoming
configuration
options
for
the
Microsoft
team's
tab
built
with
SPF
X.
B
So
that's
that's
absolutely
will
be
available
in
the
Chie
timeframe
and,
like
said
within
two
weeks,
if
we
haven't
g8
and
release
the
1.8,
yet
I
came
to
confirm
or
deny
that
right
now,
I
will
demonstrate
this
in
the
in
the
bi-weekly
call
and
one
more
slide
before
we
go
to
the
open
source
area.
Now
we
are
looking
down
on
our
plan
related
on
our
mascot,
so
they
say
this
a
kajillion
reasons
why
we
are
will
be
releasing
a
mascot
and
trust
me.
B
Don't
worry,
we
didn't
use
any
of
our
engineering
resources
or
technical
people
to
actually
spend
time
on
on
defining
the
mascot.
So
this
is
not
a
way.
This
is
not
resources
away
from
something
which
might
be
bothering
you
in
SharePoint
Online,
and
but
this
is
basically
for
smiles
and
we
are
looking
into
releasing
a
new
SharePoint
frameworks.
That's
BMP,
mascot,
potentially
plus
toys,
I'm,
looking
into
actually
that
option
by
SPC.
B
So
let's
see
what
we're
going
to
make
happen
with
this
one
and
I
will
we
will
release
more
information
around
the
Parker
procreate,
the
porcupine
and
slightly
later
so
watch
out
on
the
social
media?
And
these
things
as
well
and-
and
you
might
be
saying
well,
why
are
you
playing
around
with
those
kind
of
things?
Well,
it's
work,
but
we
can
every
now
and
then
we
can
also
smile.
So
it's
not.
B
We
don't
have
to
be
too
serious
on
the
working
as
well
and
trust
me
we'll
definitely
address
two
issues:
what
you're
recording
in
the
issue
list
as
well
now,
one
more
thing
there
was
a
big
question:
I
can't
remember
who
asks
really
asked
them
around
the
SPF
X
before
we
go
to
the
next
section.
What's
around
the
fact
that,
oh,
that
one
is
moving
interesting
and
what's
around
the
fact
that
can
our
will,
we
have
new
SharePoint
framework
extensions
available
and
the
answer
is
yes:
I
cannot
actually
expose.
B
Yet
what
are
those
extension
placeholders
will
be?
There
will
be
new
extension
placeholders.
That's
that's
rapid.
This
actually
moving
additional
placeholders
available,
I
would
say
in
SPC
timeframe,
so
we're
definitely
looking
into
addressing
and
adding
and
including
additional
SharePoint
framework
extensibility
points
in
the
modern
UI
term.
People
on
the
field
upon
as
any
feedback,
errata
cool
I,
think
that's
it
from
my
side.
Patrick.
Take
it
away
back
to
the
studio
right.
A
So
quick
updates
on
the
various
PNP
offerings,
PP
client-side
libraries
we're
gonna,
do
the
one
to
ten
release
will
be
March
8th.
That's
an
interesting
Kearney
in
there
on
merge,
but
so
I
know.
There's
some.
Some
PRS
are
sitting
out
there
that
haven't
gotten
a
lot
of
attention.
I
know
the
issues
list
has
also
not
gotten
a
lot
of
tension
attention
recently,
because
there's
a
lot
of
work
happening
behind
the
scenes
for
2.0
and
trying
to
set
that
up.
A
That's
always
appreciated
as
well
and
we're
gonna
keep
trying
to
add
to
the
road
map
issues
list
as
we
get
closer
to
muting.
Somebody
who
might
have
a
very
interesting
sounds
on
the
call
here
in
a
moment
and
sorry
about
that,
and
so,
as
we
get
closer,
we're
gonna
do
a
beta,
the
beta
or
soft
launch.
I
guess.
However,
you
want
to
think
about
it
at
the
European
collaboration
summit
and
my
session
will
be
demos
and
discussions
around
that
new
functionality.
A
So
if
you're
there
check
that
out,
if
you
can't
be
there,
we'll
definitely
follow
up
on
this
on
these
calls
and
other
places
with
details
on
2.0
as
that
gets
closer
to
launch
so
I'm
excited
I.
Think
we've
got
some
good
stuff
coming
in
there
for
folks
and
they
were
solving
a
lot
of
long-standing
problems
or
issues
folks
have
had
with
some
of
the
more
structural
stuff,
so
I'm
excited
and
look
for
Siri.
That's
fine
and
look
forward
to
getting
that
out
there
and
showing
that
to
all
of
you.
A
Pnp
github
I
owe
such
pink
PJs
for
the
documentation.
The
hashtag
ppj
us
on
Twitter,
and
you
can
always
follow
me
at
mediocre.
Bowler
on
Twitter
on
there
as
well
and
I
would
be
remiss
if
I
didn't,
as
always
thank
everybody
who
has
contributed
with
their
issues
and
thoughts
and
pull
requests
for
the
PM
PJs
work.
So
thank
you
all
very
much
for
that.
It's
very
much
appreciated
by
me
and
by
everybody
else,
on
the
team
updates.
A
Now
on
the
office
365
CLI,
a
new
beta
is
out
with
that
beta
is
114
beta
and
that
is
for
managing
Microsoft
teams,
apps
getting
information
about
teams,
channels
and
configuring
in
place
records
management,
so
some
exciting
new
stuff
I
know
folks
from
the
community
helped
out
with
that
and
as
always
working
on
more
commands
and
looking
for
your
feedback
to
help
drive
that
as
well.
If
you've
got
ideas
on
new
commands,
the
office
365
CLI
is
a
great
place
to
get
involved,
as
each
of
the
commands
are
fairly
atomic.
A
A
If
you
have
questions
and
discussion
and
then
Doc's
aka
EMS
365
CLI
for
the
docs
moving
on
to
update
for
the
reusable
components
we
do
have
now
released
1.12
of
the
react
controls,
and
these
are
the
content,
controls
and
so
there's
got
some
new
controls
in
there.
I'm,
an
iframe
panel
and
list
item,
attachments,
control
and
the
corresponding
issues,
those
came
out
of
and
then
as
well
some
enhancements
for
Russian
localization,
a
taxonomy
picker,
so
you
can
specify
a
specific
term
actions
and
then
some
bug
fixes.
A
So
you
can
track
the
issues
down
there
with
those
numbers,
but
some
great
fixes
as
well
in
this
release.
So
if
you're
not
familiar
with
their
usable
controls,
there's
two
flavors:
the
property
controls
are
used
in
the
Edit
pane
and
the
content,
controls
or
the
controls.
React
are
used
in
the
body
in
the
display,
my
god
I'm.
Sorry,
everybody
well,
my
phone
is
doing
right
now
are
used
in
the
body
of
your
web
part.
A
One!
Sorry,
that's
really
anyway.
So
the
property
controls
in
the
Edit
pane
content
controls
in
the
body
of
your
web
part
both
are
styled
with
office
UI
fabric.
So
you're
gonna
get
a
great
out-of-the-box.
Look,
that's
gonna
blend
in
and
make
your
application
look
very
much
a
part
of
sharepoint
and
they're.
Also
gonna
save
you
a
ton
of
time.
Thank
you
to
the
folks
that
contributed
on
this
release
in
alphabetical
order.
There
Patrick
Yahoo,
David,
Peter,
Alex
and
say
sorry,
say:
kids
I,
apologize
I
am
brutally
bad
with
international
names
and
I'm.
Sorry.
A
But
thank
you
to
all
of
you
folks.
It's
very
much
appreciated
again
from
all
of
us
on
the
team
for
your
contributions
there
and
look
forward
to
more
coming
out
of
the
reusable
controls.
Community
yeoman
generator,
so
I'm
gonna
pass
things
off
much
more
smoothly
than
previously
to
Stephane.
If
he
wants
to
do
his
updates
on
the
generator
Thank.
C
C
C
Another
thing
we
added
here
in
one
point
six
point:
three:
is
the
gulp
death
in
a
previous
release,
we
already
had
a
command
gulp
fist,
which
actually
does
the
distribution
build
of
your
solution
by
simply
clean
out
the
solution.
First
then
bundle
everything
up
and
package
the
solution
and
the
scalp
def.
You
can
now
do
the
exactly
exactly
the
same
thing
just
for
a
development
build
another
thing
that
we
had.
We
had
a
problem
in
the
past,
so
the
chest
was
always
marked
as
required,
which
is
not
always
the
case.
C
So
in
case
you
don't
want
to
use
chest
testing
framework.
You
can
now
unselect
this
in
the
generator
and
then
the
package
to
chase
and
file
and
all
the
things
that
that
come
with
this
framework
won't
be
in
check
it
in
your
solution.
Another
thing
we
get
is
we
have
a
small
target
documentation
on
the
on
our
documentation,
page.
That
gives
you
a
short
back
of
file
when
you
want
to
create
a
doc
Tucker
image,
but
for
yourself,
because
we
get
this
request
on
Twitter,
how
can
I
build
with
PPS
BFX
the
Tucker
image?
C
A
Awesome,
thank
you
and,
for
folks,
are
familiar,
maybe
with
the
SPI
FX
generator,
just
a
reminder.
It
is
built
on
top
of
the
out
of
the
box,
SP
FX
generator,
so
you're
gonna
get
all
the
same
files
and
libraries
under
the
hood,
but
just
with
some
extra
goodness
added
on
top
to
help
you
jump-start
your
projects
a
little
more
quickly
so
great
stuff
there
and
also
a
great
place
to
get
involved
and
contribute
contributions
are
welcome
across
all
of
the
offerings
we
just
discussed.
So
if
you're
interested
in
getting
involved,
please
dive
in
get
involved.
A
D
D
Got
it
okay,
great?
Well,
thanks
for
letting
me
demo
today.
For
those
who
don't
know
me,
this
is
my
contact
information
I'm,
a
Microsoft
Office
development,
MVP
I
do
a
lot
of
blogging
and
blogging.
So
if
you
have
any
questions,
feel
free
to
reach
out
today
we're
gonna
talk
about
modern,
experienced
team
management,
so
we're
gonna
take
a
couple
of
seconds
and
discuss
the
importance
of
modern
themes.
D
D
So
when
we
think
of
the
value
of
a
SharePoint
theme,
we
typically
think
of
applying
colors.
This
is
the
SharePoint
framework.
Sig
call
so
I
think
it's
a
large
conglomerate
of
developers.
It's
a
pretty
simple
thing
for
us
to
do
and
create
right.
We
go
to
the
office
UI
fabric,
develop
a
palette
or
configure
up
palettes,
go
run
a
little
few
lines
of
PowerShell
and
we're
good
to
go,
but
for
a
lot
of
marketing
communications,
apartments
or
user
employee
engagement
departments
that
are
responsible
for
managing
the
SharePoint
sites.
D
Modern
theme
actually
equals
user
adoption
and
the
by
n
by
users
for
just
simply
having
colors
change
is
pretty
significant
I.
You
may
think:
okay,
David
you're
running
a
little
bit
overboard
here,
kinda
blown
it
out
of
proportion,
but
studies
have
shown
that
around
the
importance
of
color
in
90
seconds
is
all
it
takes
for
us
to
make
a
subconscious
judgement
after
the
initial
viewing
of
something
whether
it
be
a
product,
a
site,
whatever
the
case
may
be,
and
in
that
90
seconds,
90
percent
of
that
assessment
is
based
on
color
alone.
D
So
it's
a
pretty
significant
weight
put
on
just
color.
So
when
we
think
about
your
point,
theme
management,
applying
a
theme
really
because
of
the
beauty
of
the
modern
experience
and
the
hard
work
by
the
SharePoint
team.
So
thank
you.
We
have
single
click
simplicity
using
those
SharePoint
UI
themes.
We
just
need
to
click
on
whatever
we
want
to
click
on
from
a
company
theme
or
SharePoint
theme,
and
it's
done
it's
applied
as
developers
in
SharePoint
framework.
D
We
can
inherit
from
those
themes
to
ensure
that,
as
our
users
change
the
theme,
the
entire
site
will
inherit
from
it
as
well.
So
our
webparts
are
extensions.
Anything
we
develop
will
fall
in
line
with
the
choice
that
the
users
are
making
or
the
site
owners
are
making
around
the
creation
of
their
and
branding
of
their
site.
So
it's
extremely
empowering
managing
themes,
though
the
creation
of
them,
the
updating
of
them,
the
deleting
of
them
that's
still
kind
of
a
developer
driven
task.
D
We
have
to
write
some
PowerShell
again
to
us,
that's
very
simple,
but
for
users,
it's
probably
not
something
they're
going
to
do.
The
beauty
is,
though,
that
we
have
a
REST
API
connector,
so
that
allows
us
to
create
something
for
creating
updating
deleting
or
my
favorite,
which
we'll
talk
about
in
the
demo
apply.
So
this
is
an
opportunity
for
us
to
provide
a
UI
for
management
of
those
themes
to
specific
site
owners,
or
maybe
higher
level
tenant
configuration
admins,
but
we
want
to
make
sure
we
keep
in
mind
governance
right.
D
So
this
is
a
very
empowering
web
part
that
we
could
utilize
as
simple
as
we'll
see
it
is
it's
pretty
empowering
it's
not
something
we
probably
want
to
throw
into
the
tenant
app
catalog.
We
might
want
to
scope
it
to
something
like
a
singular
site
with
a
site
collection,
app
catalog
that
specifies
exactly
who
can
get
access
to
it,
and
then
it's
only
used
there
so
that
way,
you're
not
polluting
that
collection
of
company
themes
by
anybody
and
everybody.
So
we
want
to
make
sure
we
keep
that
in
mind.
D
So,
let's
jump
over
the
web
part,
but
before
then
I
just
wanted
to
take
a
minute
and
give
a
shout
out
to
beau
camera
and
he's
actually
not
on
the
call
today,
but
he's
a
super
big
rock
star
worked
with
me
on
this.
Actually
so
I
just
want
to
give
a
shout
out
and
thank
him
for
that
all
right.
So,
let's
go
take
a
look
at
a
site
collection
that
I
created.
Where
I
put
this
webpart
now
again,
I
mentioned
you
might
want
to
put
it
somewhere.
D
That
is
only
going
to
be
accessible
by
some
higher
elevated,
privileged
users.
Of
course,
that
makes
sense
that
it
would
go
in
Central
Admin
all
right.
So
we
have
our
central
admin
site
here
and
again,
it's
a
very
simple
web
part.
Modern
experience,
the
manager
we
start
out
with
the
ability
to
create
a
theme,
updated
theme,
deleted
theme
and
apply
a
theme.
D
So
the
first
thing
we
were
going
to
go
ahead
and
do
is
create
a
primary
theme,
but
we
need
to
generate
the
pallet
for
that.
So
I've
included
a
link
here,
UI
fabric
theme
generator,
which
will
simply
just
take
you
to
a
tab.
I've
already
got
opened
here,
which
is
the
UI
fabric,
name
generator,
and
it's
pretty
simple
to
generate
a
theme.
If
you
haven't
already
done
it
in
the
past,
you
come
in
and
we
see,
we've
got
the
primary
theme:
color
our
body
text
color
and
our
background
color,
we'll
just
leave
those
the
same.
D
We're
gonna
change
the
primary
theme
color,
so
I'm
just
going
to
go
ahead
and
paste
in
a
hex
value
here
for
the
for
the
kind
of
teal
ish
that
we
are
now
having
on
our
new
SharePoint
logo
and
we'll
capture
the
JSON.
We
don't
need
the
code
of
the
powershell.
You
could
use
that,
but
for
this
web
part
it
uses
the
JSON
so
we'll
go
ahead
and
copy
that
we'll
go
back
to
our
theme,
manager
and
we'll
start
out
by
creating
a
theme.
D
So
we're
gonna
go
ahead
and
call
it
PNP,
we'll
paste
our
theme
palette
and
we'll
go
ahead
and
click
create.
Very
simple
notification
has
we'll
see
in
some
of
the
connote
I
left
it
very
simple,
so
that
it
could
be
easily
learned
and
understood.
It's
not
overly
complex
and
you
can
build
better
validation
and
alerts
and
all
that,
if
you
decide
you
want
to
use
it
so
hit
OK.
D
And
now,
when
we
come
over
to
our
panel,
we'll
go
to
change
the
look,
we'll
go
to
theme
and
we'll
see
we
created
it
so
there
it
sits
there
and
it's
available
to
us.
But
now
let's
say
we
want
to
update
it
and
say
we're
coming
here.
Vesa,
maybe
is
not
quite
super
happy
with
the
the
pnp
teal
I
know
he
likes
it,
but
we
know
he
loves
what
more
orange
so
we're
gonna
come
over
to
the
UI
fabric.
Again
we're
going
to
paste
in
an
orange
color
we're
gonna
copy.
D
Our
palette
will
come
back
and
we
see
that
the
available
themes
has
already
been
generated
for
us
and
all
these
are
being
accessed
by
just
a
REST
API.
So
I'm
gonna
go
ahead
and
select
the
PNP
I'll
go
ahead
and
select
all
of
this
paste
in
the
new
palette
update
theme
we
can
see,
it's
been
successfully
updated.
So
if
I
close
my
change
to
look
come
back
theme,
we
can
see
now,
we've
got
PNP
all
orange
and
then
again
deleting
it
is
as
dead,
simple
as
the
rest.
It
generates
the
drop
down
for
us.
D
We
select
PNP
and
we
select
delete
theme
it
has
been
successfully
deleted,
can
confirm
that
change.
The
look
theme
and
it's
gone
I'm
just
left
with
my
blog
based
color
schemes,
so
that
leaves
us
with
apply
a
theme,
as
I
mentioned,
is
by
far
my
favorite,
because
what
it
allows
us
to
do
is
actually
apply
a
theme
without
creating
a
theme,
so
you
may
be
thinking
wait
a
second
that
even
possible.
Yes,
we
can
apply
a
theme
to
a
site
without
having
created
a
theme
within
the
change
to
look
panel
and
how
that
works.
D
Is
we
actually
tell
it
exactly
where
we
want
to
apply
that
theme?
To
so,
let's
say,
we've
got
an
employee
experience
site.
Maybe
it's
an
employee
engagement,
employee
events,
something
that's
meant
specifically
to
just
for
the
employees
to
go
to
find
out
about
events
or
things
that
are
a
little
more
fun
within
the
organization.
D
Imagine
the
ability
to
go
apply
a
theme
based
on
something
fun,
whether
it
be
a
holiday
or
first
day
of
spring
or
winter
or
summer,
or
some
internal
events
where
you
want
to
apply
a
color
scheme
that
maybe
encourages
understanding
or
awareness
of
that
event.
But
you
don't
want
to
pollute
to
change
the
look
panel
and
then
everybody
has
availability
that
starts
applying
it
and
then
you
have
to
go,
take
it
away
and
all
that
so
for
us
for
our
demo
content
I've
created
the
Batcave
site.
D
We
all
know
I'm
a
big
fan
of
Lego
Batman,
very
funny
guy,
so
he's
created
as
little
Batcave
site
here
for
encouraging
and
employee
engagement
within
the
DC
world.
You
can
submit
your
ideas
right,
it's
a
karaoke
night
on
Friday
for
Batman,
but
we
see
it's
orange
and
so
Batman.
Well,
he
he
prefers
black
right
or
very,
very
dark
grey.
So
what
we're
going
to
do
is
we're
going
to
come
and
we're
going
to
go
generate
a
very,
very
dark
grey
count.
D
We'll
go
ahead
and
paste
in
our
theme.
We
see
it's
using
the
5d
and
then
you
just
provide
the
relative
site,
URL,
so
we'll
say
sites
bat-cave.
Now
you
could
make
this
more
robust.
Again,
you
could
make
it
pre-selected,
but
you
could
make
a
scope
just
directly
to
a
site.
So
if
you
wanted
to
give
site
owners
of
a
singular
site,
the
ability
to
manage
their
own
theme
without
the
ability
to
go
in
and
add
to
the
tenant,
app
catalog,
then
you
could
do
that.
D
You
could
scope
it
not
give
them
the
ability
to
go,
update,
someone
else's
site,
but
just
own
their
own
site,
which
is
pretty
empowering
so
we're
gonna
go
ahead
and
select
apply
theme.
We
see
it
says
the
theme
has
successfully
applied
so
we'll
go
back
to
our
Batcave
site.
We
will
refresh
so
then
we
see
now
that
very,
very
dark
gray
has
been
applied
and
if
we
go
look
at
our
change,
the
look
theme
panel,
we
see
it's
not
been
added,
but
it
does
actually
show
as
our
current
selection.
So
it's
a
pretty
cool
way.
D
So
you
can
go
grab
it.
It
is
pretty
simple:
it's
based
on
an
out-of-the-box
web
part
as
you
kind
of
solve
from
the
design.
It
just
creates
the
HTML
and
then
there's
a
collection
of
methods
that
are
all
individually
done
that
allow
you
to
delete
updates.
So
if
you
wanted
to
just
take
out
any
one
of
the
abilities,
for
example,
here's
the
update
tenant
theme
and
here's
the
apply
to
net
theme
so
they're,
all
based
on
a
on
a
somewhat
modular
theme
and
of
your
execution
function
so
again
tried
to
make
this
very
simple.
D
A
E
Say:
hello?
Yes,
okay,
thank
you!
So
what's
up
yeah
thanks
thanks!
So,
firstly,
and
thank
you
for
giving
this
opportunity
to
present
my
work
in
shape.
One
framework.
So
today
this
sample
I'm
going
to
demonstrate
is
about
displaying
the
header
information
in
SharePoint
framework
crying
segue
part,
which
is
probably
stored
in
a
SharePoint
list.
E
So
before
that
something
about
me,
my
name
is
not
30%
and
I'm
from
Pune
in
India
and
I
have
been
working
with
SharePoint
of
the
65
and
Microsoft
residual,
but
from
that
I
am
see
shop,
corner,
MVP,
Microsoft,
Certified
CSM
and
also
have
a
publish
my
first
ebook
on
shape
on
people.
These
are
some
social
handlers
to
get
connected
with
me,
so
moving
ahead
for
the
actual
sample,
so
I
have
been
associated
with
SharePoint
patterns
and
practices
community
since
a
long
time
with
my
smaller
contributions.
E
So
this
sample
can
be
accessed
from
this
particular
URL,
which
describes
about
how
to
install
configure
and
use
this
sample
so
sample
also
provisions
the
list
as
an
asset
which
can
be
used
as
a
starter
point
for
start
using
this
sample
so
going
into
the
details
of
this
sample.
So
what
worthy
of
driving
factors
for
us
to
implement
is
sample.
So
the
idea
behind
developing
this
sample
is
that
we
wanted
to
show
the
project
based
structure
within
each
of
the
node
infrastructure
represents
a
user
or
a
department
or
a
policy
and
procedure.
E
So
by
selecting
that
node,
it
will
redirect
to
a
specific
page
describing
more
about
the
responsibilities
are
carried
out
by
by
an
integer.
So
we
were
looking
out
for
firstly
thing
like
an
orc
charge
which
which
is
available
in
dev,
then
so
that
you
can
show
the
hierarchical
data,
but
unfortunately
that
there
wasn't
any
direct
hierarchical
control
available
in
office,
6500
fabrica.
So
so
we
went
ahead
and
we
utilize
few
of
the
NPM
packages
available
to
make
this
work.
E
So
the
intern
packages
use
our
SP
PNP
J's,
which
is
duplicated
now,
but
we
are
in
process
of
updating
our
code
for
this.
So
this
was
just
to
simplify
the
common
operations
within
the
SharePoint
and
SharePoint
framework.
Then
these
second
and
PIM
package,
what
we
use
is
array
2
3,
so
that
helped
us
to
convert
the
plain
array
of
nodes
into
one
nested
this
receptor.
E
So
we
have
an
array
which
is
coming
out
from
a
SharePoint
list
and
we
are
transforming
that
array
into
a
nested
data
structure
which
then
probably
can
be
passed
to
a
reactor
or
chart.
So
this
is
one
of
the
NPM
packages
that
is
used
and
the
last
one
came
packaged
juice
is
the
org
chart
which
is
kind
of
in
visual
component,
which
helps
for
creating
the
organization
charts
kind
of
a
data
structure.
So,
for
example,
if
we
provide
a
JSON
format,
something
like
this
and
we
use
this
whole
chart
react
component.
E
So
it
will
help
us
to
render
the
data
in
in
this
particular
format.
So
then,
let's
see
like
how
the
flow
of
this
particular
sample
is
so,
as
I
said,
they
are
provisioning
and
I
set
along
with
this
sample,
which
will
help
us
to
get
started.
So
it
is
a
SharePoint
list
called
as
hierarchy
within
the
exploring
all
the
hierarchical
information
and
then
using
SP
PNP
J's.
E
We
are
pulling
the
data
from
from
there,
particularly
in
a
JSON
format,
and
then
we
are
transforming
that
JSON
format,
data
which
is
one
one
dimensional
data
to
two
and
three
structure
using
this
array
to
three
NPM
package,
and
after
that
we
are
passing
on
this
data
using
or
processing
this
data
using
the
react
or
chart
which
will
help
us
to
display
the
or
chart
in
a
client-side
of
a
part.
So
maybe
discussing
this
in
a
theory,
let's
see
in
the
practical
how
it
looks.
E
So
let
me
just
refresh
this
page,
so
this
is
how
the
theoretical
data
looks
like.
So,
if
I
can
edit
this
page
here,
we
just
have
one
property
for
this
webpart
called
as
list
name
here
we
can
specify
a
name
of
the
list
wherein
we
are
storing
the
entire
data
and
once
it
is
done,
probably
we'll
discard
the
change.
So
it
will
start
showing
us
all
the
hierarchical
data,
and
even
this
data
we
can
associate
it
with
any
of
the
hew
RL,
for
example.
E
E
E
We
are
stringify
it
using
the
JSON
so
that
we
can
pass
it
to
the
react
component
called
as
our
chart
and
from
there
it
is
been
set
to
the
react
state
and
then
that
react
state
is
used
here
to
show
the
organization
chart.
So
subtly
served
that
was
about
how
it
has
been
implemented.
I
will
just
go
back
to
the
slide
for
this
closure.
So
then
what
are
the
practical
scenarios
in
which
we
can
use
this
as
an
example?
So
it
is.
E
These
are
few
of
the
practical
scenarios
in
which
we
can
use
this
as
an
sample.
For
example,
if
you
want
to
show
any
of
the
company
management
hierarchy,
then
it
can
be
used
or,
for
example,
if
you
want
to
show
project
based
structure
or
maybe
to
represent
a
document
elaborate
structure
in
a
SharePoint
or
if
in
case
we
want
to
show
the
resource
hierarchy
for
an
access,
control
or
supply
change,
hierarchy,
or
so,
for
example,
if
it
can
be
used
in
a
simpler
way
to
show
the
family
tree.
E
A
Great,
thank
you.
That's
always
been
a
tough
problem
to
solve
the
hierarchy
display.
So
this
is
going
to
be
a
cool
thing
for
people
to
check
out
and
if
you
have
questions,
of
course,
you
can
get
in
touch
with
Nana
deep
and
we
will
look
forward
to
or
that's
actually
already
published,
I'll
paste.
The
links
here
shortly,
sorry
about
say,
look
forward
to
getting
that
available
in
the
gallery,
but
it's
already
there
and
it
is
available
right
here
and
while
I'm
talking
and
hopefully
Ravi
it's
taking
over
the
demonstration
taking
over
the
screen.
A
F
A
F
So
I'm
Ravi
Kulkarni
working
with
Accenture
SharePoint,
and
these
are
some
of
the
ways
you
can
connect
with
me
and
share
your
feedback
or
queries
related
to
adaptive
cards
post
our
demo,
and
we
will
be
happy
to
resolve
them
and
so
move
out
to
the
next
plane.
So
you
will
find
this
web
pack
at
this
URL
and
it
also
describes
all
the
prerequisites
required
to
make
this
running
on
your
on
your
site.
F
F
So
some
of
the
key
features
of
added
precursor
is
its
open
framework
and
it
supports
multiple
platforms
like
dotnet,
iOS,
Android
and
HTML.
It
is
positive.
It
support
all
common
browser
like
ie
edge,
Chrome,
Safari,
etc,
and
it
is
speech
enabled
and
accessibility
compliant,
and
it
also
gives
you
ability
to
add
actions
on
your
card
like
you
can
accept
any
user
input
or
you
can
add
a
button
and
you
can
navigate
to
some
other
links
and
etc.
So
Microsoft
provides
that
with
several
very
sample
which
you
can
directly
using
SPF
X
of
a
part.
F
So
here
we
have
a
santos
link.
So
if
you
go
here
in
the
left
side
left
section,
you
can
see
the
number
of
samples
are
all
readily
available,
the
activity,
update,
kind
reminder
etc,
but
for
this
demo
we
are
using
image
gallery.
So
you
can
see
there
is
some
recent
present
over
in
the
middle
section
you
can
easily
like
edit.
This
Jason
and
Microsoft
provides
a
design
which
we
can,
which
we
can
use
from
the
browser
to
design
this
car.
So
you
can
either
click
on
the
designer
or
you
can
click
on.
Try
it
yourself.
F
F
Now
you
can
see
on
the
runtime,
it
has
updated
my
car
and
as
well
as
the
Jason.
So
now
we
can
how
you
can
use
this
Jason
in
your
SPFs
web
part.
So
you
can
directly
copy
this
jason
and
move
into
the
your
way.
We
just
showed
up
code
and
one
we
are
using
two
packages
over
here.
One
is
SP
PNP
GS,
which
we
are
using
to
retrieve
data
from
the
SharePoint
list
and
number
one
is
the
adaptive
cars.
F
F
So
now
the
first
thing
which
we
are
going
to
do
is
we
are
going
to
import
that
adaptive
car
and
then
we
have
written
the
server
wastes
which
will
reply
as
the
images
from
the
list
which
resides
on
the
SharePoint,
which
typically
have
three
columns.
That
is
title,
the
icon,
URL
and
the
image
link.
Now
we
are
going
to
update
the
JSON,
which
we
have
got
from
the
ship
designer.
F
So
one
thing
we
are
going
to
do
is
we
are
going
to
create
an
object
and
we
are
going
to
provide
a
time
to
it.
Like
is
image
similar
to
the
image
type
we
can
also
use.
There
are
another
readily
available
types
which
are
text,
block,
steaks,
etc,
and
we
are
going
to
have
a
you
are
a
type
where
we
are
going
to
paint
the
URL
in
the
link,
and
then
we
can
have
certain
actions
on
our
car,
like
on
click
of
this
card.
F
We
we
are
going
to
navigate
to
a
particular
URL,
whether
its
internal
or
external.
These
are
easily
configurable
in
the
SharePoint
list,
so
we
are
putting
that
data
over
here
and
then
we
are
just
pushing
that
into
the
JSON
and
if
you
see
the
below
card
is
something
which
we
are
we
have
copied
from
the
designer.
So
the
first
thing
which
is
important
over
here
is
the
type
that
is
add
up
to
card.
Do
not
change
it
as
your
package
inside
uptick
or
package
both
recognize
your
position,
and
then
we
have
the
body.
F
That
is
a
text
block
which
we
have
just
edited
and
then
in
the
images.
I
am
just
passing
the
images
Jason
and
then
we
are
creating
object
of
the
adaptive
card
and
you
can
set
the
font
family
of
that
out
of
your
car.
And
then
you
are
actually
initializing
your
action
on
the
card
and
then
you
are
going
to
pass
that
card
and
and
you
are
going
to
render
it
intuitive,
so
you
know
to
the
SharePoint
site.
A
A
It
might
not
be
the
like
the
immediately
next
call,
depending
on
how
the
agendas
are
set
up,
but
we
will
do
our
best
to
get
you
on
a
call
just
as
soon
as
we
can
and
I
do
really
think
a
lot
of
the
oh
and
we're
back
at
the
very
beginning
of
the
slides,
that's
fun.
The
demos
really
are
I.
Think
one
of
the
more
valuable
parts
of
these
calls.
We
do
get
to
see
some
of
the
really
cool
stuff.
A
Folks
are,
you
know
doing
out
there
and
using
and
creating
for
their
projects,
their
customers
and
their
companies
so
really
exciting.
This
is
just
a
review
I
like
to
go
through
and
review
everything
we've
done,
the
slides
and
we'll
get
here
to
the
end.
Eventually,
oh,
so
alright,
our
next
SPF
XJS
meeting
will
be
March.
14
2019,
the
next
general
dev
share
point
interest.
Group
meeting
will
be
next
Thursday,
March,
7th
and
hope
to
see
all
of
you
at
one
or
both
of
those
and
the
recordings
will
be
likely
available
tomorrow
or
the
next
day.