►
From YouTube: SPFx JavaScript SIG - April 13th, 2017
Description
No description was provided for this meeting.
If this is YOUR meeting, an easy way to fix this is to add a description to your video, wherever mtngs.io found it (probably YouTube).
A
A
The
SharePoint
framework
and
JavaScript
special
interest
group
is
all
about
providing
a
forum
for
discussion
around
updates
and
changes
and
challenges
around
the
SharePoint
framework
and
getting
feedback
from
folks
out
there
in
the
community,
as
well
as
building
the
JavaScript
core
component,
which
a
lot
of
folks
on
this
call
have
used
as
well
and
discussions
around
that
and
then,
of
course,
facilitating
discussions
around
just
client-side
development
in
general,
as
it
relates
to
SharePoint
and
we're
part
of
the
larger
SharePoint
patterns
and
practices.
Program
and
you've
got
two
links
down
there.
A
And
then
the
bottom
link
there
is
dev
office,
calm,
/,
sharepoint,
and
that
will
take
you
to
the
the
one-stop
shop
for
all
things:
sharepoint
development,
so
whether
you're
getting
new
into
SharePoint
framework,
whether
you
are
looking
for
information
around
provider,
hosted
add-ins
or
add
in
development
in
general,
or
even
the
full
trust
code.
Wsp
development
there's
links
for
all
of
that
they're,
so
dev
office,
calm,
/
sharepoint
and
you
can
learn
all
about
sharepoint
development.
A
There
would
remind
everybody,
please
stay
on
mute
where
possible
when
possible,
so
we
don't
get
any
extra
audio
on
the
coal
so
moving
right
ahead.
What
are
we
going
to
cover
today?
We're
going
to
do
a
quick
update
on
the
JavaScript
core
component?
We
don't
have
anything
on
the
SharePoint
framework
today,
as
I
said
bases
out,
and
there
there
isn't
anything
terribly
new
to
talk
about
this
week,
but
we'll
have
some
upcoming
stuff
believe
for
the
next
call.
A
So
we'll
see,
we've
got
two
great
demos,
one
from
John
Liu
on
Azure
functions
and
SP
p
and
pjs
and
I
put
etc,
because
John
always
has
a
bunch
of
cool
stuff
to
show
so
I'm
excited
to
see
what
he's
brought
to
the
call
and
then
David
Warner.
The
second
is
going
to
show
us
something:
he
calls
mega
menu
using
javascript
link,
jayus
link
and
he
demoed
two
or
three
calls
ago
and
and
that
was
a
well-received
demos
or
really
cool
stuffs.
A
A
This
call,
or
just
the
patterns
and
practices
more
in
general,
so
you
can
demo
a
SharePoint
framework
web
part
or
anything
really
client-side
development
related
stuff,
we're
using
the
spp
in
pjs
library
or
not,
but
really
encourage
you
guys
to
take
this
opportunity
if
you're
working
on
something
cool-
and
you
want
to
share
it
with
the
community
we'd
love
to
give
you
guys
the
forum
to
do
so.
So
keep
that
in
mind.
A
So
if
you've
got
issues
to
report,
if
you've
got
you
know,
various
things
contribute
on
github
love
to
get
the
feedback
there
love
to
get
the
pull
request
there
and
then,
of
course,
feedback
you
can
join.
These
calls
to
provide
feedback.
You
can
provide
feedback
through
the
communities.
We
have
a
git
er
channel
specific
to
the
JavaScript
core
library,
the
great
place
for
feedback,
but
we
really
appreciate
all
that
feedback
and
all
that
you
know
input
from
the
community.
A
It
really
means
a
lot
to
us
that
you
guys
are
willing
to
give
us
that
back
and
we
really
try
and
act
on
it
as
much
as
we
can
as
quickly
as
we
can.
Joel
has
a
question:
how
do
we
contact
you?
You
can
do
that
through
the
git
er
channel
off
linked
off
of
the
repo.
You
can
find
me
on
twitter
at
mediocre,
bowler
and
those
are
probably
the
two
best
ways
to
get
at
me,
but
also
you
know
on
these
calls.
If
you
know,
for
example,
I
want
a
demo.
A
The
next
call
you
can
just
you
know
pop
into
IM
window,
and
let
us
know
here
you
mean
the
team,
so
the
core
team
for
patterns
and
practices,
the
best
way
is
very
similar.
So
the
the
tech
community
is
great.
The
get
er
channels
is
a
little
bit
specific
to
the
spp
and
paige
yes,
but
as
well.
The
various
issue
lists
for
the
libraries
are
a
great
way
to
get
in
touch
with
the
core
team.
A
So-
and
I
will
say,
if
you
don't
hear
back
from
us
immediately,
don't
think
we're
ignoring
you
because
everybody's
busy,
all
of
you
all
of
us.
So
if
we,
if
you
don't
hear
back
right
away,
we're
not
wearing
you,
we
will
get
back.
So
don't
don't
get
discouraged.
We
definitely
are
looking
for
that
feedback
and
looking
for
that
contact,
so
quick
update
here,
I'm
a
javascript
for
core
component
before
we
get
into
the
demos.
So
to
now
no
3
was
released
last
friday.
Please,
when
you
get
a
chance
upgrade,
let
us
know
any
feedback.
A
A
So
if
you
have
something
you'd
like
to
see
in
there,
you
know
definitely
let
us
know
I
can't
promise
we'll
get
it
in
right
away,
but
always
want
to
hear
what
would
be
most
valuable
and
useful
to
all
of
you
who
are
consuming
the
library.
So
the
other
thing
just
started
this
week,
I'm
going
to
be
doing
beta
releases
now
for
the
JavaScript
core
library.
A
So
if
you
were
to
get
to
release
today
that
beta
release
is
actually
going
to
be
the
same
as
the
two
dot
o
3
release
right
now,
no
differences,
but
moving
forward.
As
we
add
functionality
leading
up
to
the
main
releases,
will
be
publishing
beta
releases.
So
folks
can
try
those
things
out
a
little
bit
early
and
get
a
chance
to
provide
some
feedback.
Maybe
we
didn't
implement
something
you
know
just
right
or
maybe
there's
a
bug.
A
We
didn't
catch
always
great
to
catch
that
stuff,
obviously
before
it
gets
out
into
a
major
release,
so
keep
an
eye
out
for
those
beta
releases
and
then
check
out
the
release.
Blog
post
and
I
change
this
up
a
little
bit
and
this
time
as
we
added
new
features,
we
published
a
wiki
article
for
each
new
feature
we
added
and
instead
of
having
a
lot
of
code
samples
and
things,
for
example,
on
the
blog
post,
the
the
blog
post
is
now
just
linking
to
those
articles
and
the
thinking
behind
that
is.
A
A
Moving
forward
to
sort
of
take
that
approach
and
as
well,
it'll
sort
of
naturally
grow.
The
wiki
content,
as
we
add
features,
will
add
content.
I
do
want
to
encourage
folks
we've
got.
We
talked
about
on
the
last
call
about
graphs
support
in
the
JavaScript
core
library.
What's
here,
love
to
hear
from
some
more
folks
around
that?
So
if
you
have
a
chance,
there's
a
thread
now
in
the
issues
list
on
graph
support
like
I
said
on
the
last
call
we're
all
for
it,
but
we
do
want
to
hear
from
some
folks.
A
You
know
what
the
thoughts
are
with
the
best
ways.
You
know
their
best
ways
how
folks
envision
using
it,
how
they'd
like
to
use
it
and
how
they'd
like
to
see
that
kind
of
play
out.
So
you
know,
because
it's
going
to
be
a
lot
of
work,
so
we'd
like
to
implement
it
in
a
fashion
that
is
very
usable
and
natural
to
everybody,
who's
going
to
consume
it,
and
then
one
last
thing
please
do
check
out
the
wiki.
A
If
you
have
questions
on
using
the
library
or
things
like
that,
please
check
out
the
wiki
we're
trying
to
build
that
up
and
trying
to
get
good
content
out
there.
So
a
lot
of
the
questions
we're
getting
in
does
have
a
wiki
article
related
to
it
so
check
that
out.
First
and
then
you
know,
if
you
tell
us,
hey
I,
read
this
article
on
fields
and
it
doesn't
cover
x,
that's
awesome
feedback.
We
love
to
hear
that
because
then
we
can
take
that
we
can
improve
that
article
and
that
benefits
everybody
out
in
the
community.
A
So
if
you
have
questions
and
stuff,
please
do
check
the
wiki
first
we're
trying
to
build
that
out
and
get
those
answers
out
there,
and
so,
if
you
find
something
missing,
some
instructions
missing,
of
which
we
know
it
doesn't
cover
one
hundred
percent
of
everything.
So
if
you
find
something
specific
missing,
you
were
looking
for,
do
let
us
know
and
we'll
try
and
get
that
out
there
or
if
you've
got
some
time.
Certainly
encourage
folks
in
the
community
to
you
know,
contribute
to
the
wiki
as
well.
A
It's
another
great
contribution,
opportunity
and
I
believe
it
should
be
open
for
public
edits.
So
use
your
power
kindly
two
legs
down
at
the
bottom
again
to
the
SharePoint
pnp
community,
which
is
I,
guess
a
different
AKA.
Ms
link
to
get
you
to
the
microsoft
tech
community
and
then
the
second
link
there
is
our
get
er.
I
am
still
no
call
gittel
get
er,
I!
Guess
a
channel
so
do
check
that
out.
A
If
you
have
questions
and
comments
around
things
like
that
bill
say,
maybe
we
can
discuss
the
graph
stuff
today,
yeah,
absolutely
if
you've
got
time
at
the
end
in
the
open
discussion,
I
think
that
would
be
fantastic,
I
think
it's
a
great
topic
and
happy
to
keep
discussing
it.
So
without
further
ado,
I
want
to
get
right
to
the
demo.
So
these
guys
have
plenty
of
time
so
John
you're
on
the
call
your
presenter
are
you
there.
So.
B
A
few
weeks
ago,
I
joined
the
PMP
polish
elko,
and
now
we
did
a
quick
demo
of
at
your
functions
with
PMP
and
particularly
with
PMP
call
shell,
but
there
was
a
bunch
of
material,
especially
relating
to
JavaScript
and
PM
pjs
cold.
That
I
wanted
to
talk
about
so
I
reached
out
to
Patrick
and
say:
hey
I
have
another
demo,
so
here
I
am
I'm
packing
any.
It
is
over
midnight
and
I'm
still
very
excited
about
your
function.
So
let
me
just
keep
going
to
do
like
two
screens
like
it
here
this.
B
So
is
this
too
small
actually
I'm,
sorry
too
small,
it's
or
too
small
sorry
done
design.
B
Swimming
after
that,
I
did
that
last
time
in
the
prep
I
forgot,
so
the
oldies
cool
I
will
give
to
patrick.
So
if
you
can't
don't
tend
to
follow
the
example
rather
than
try
to
memorize
the
code,
so
between
the
last
go
in
this
code,
the
edge
of
function,
interfaced,
completely
rear
effect,
and
now
I
can
see
multiple
function,
apps
in
11
kind
of
food.
This
is
very
cool.
So
these
are
all
my
different
functions.
B
Talking
to
my
functions
here,
and
I
taught
in
the
last
coat
that
you
can
mix
call
shout
so
most
of
these
functions
are
powershell.
There's
a
sharp
but
there's
also
no
jail
assumptions
in
here
now.
This
particular
function
is
actually
the
code.
That's
pretty
much
directly
lifted
from
patrick
when
you
find
the
web
URL
I
did
you
do
is
it
is
here.
B
Is
this
one
hi
Patrick
wrote
in
october
seven
things
how
to
use
no
SP,
odd
and
PM
pjs
call
to
basically
talk
to.
You
should
play
all
night
side,
so
I
pretty
much
take
the
entire
code
here.
I
am
using
the
username
and
password
again,
but
p.m.
pjs
called
can
use
current
ID
and
client
secret.
So
if
you
don't
want
to
use
user
name
password,
you
can
use
this.
Can
I
define
secret
and
basically,
we
will
authenticate
we're
using
this
component
from
no
SPF
is
Sergei
in
the
code
actually
significant.
B
B
B
So
this
will
basically
authenticate
to
my
sharepoint
online
site
and
then
this
this
is
a
setup
to
take
the
odds
which
will
give
me
the
headers
and
cut
into
pnp
and
one
set
promises
resolved.
We
are
creating
a
web
to
my
ship
or
online
and
then
using
p.m.
pj
as
tall
as
as
you
as
we
would
in
inside
the
browser.
So
this
is
really
running
p.m.
pjs,
co
in
know,
Jas,
so
you're
running,
save
you
build
up
some
java
library
based
on
the
PM
pj,
it's
cool
that
you
run
in
the
browser.
B
You
can
move
that
coal
into
the
server
and
have
died
run
on
a
schedule
or
on
some
trigger.
Instead
of
you
know,
relying
on
a
browser
session
to
random.
So
I
can
I
really
like
this
guess.
This
goes
to
that.
I
saw
more
freaking
universal
JavaScript
idea.
Where
for
the
same
JavaScript,
you
could
run
it
on
in
the
browser
that
you
can
also
run
inside.
B
B
So
because
my
thighs
want
out
that
actually
went
super
quick,
generally
I
with
with
javascript
in
fine
as
your
function,
this
district,
so
we
created
a
package.json
which
has
these
two
together
free
libraries
and
then,
when
you
to
know
sorry
p.m.
install
it
proves
they're
all
the
dependencies
into
the
folder.
So
the
first
time
you
run
a
javascript
function.
You
take
a
big
hit
in
the
know:
Jas
initializing,
with
all
these
dependencies.
B
So
generally,
if
it's
a
costar,
you
could
be
looking
at
20
to
30
seconds
of
just
warming
up
before
your
function
is
able
to
run
and
the
actual
function
runs
very
quickly,
so
he
contacts
my
SharePoint
site
and
then
just
pull
back
the
title
slips.
We
go
back
to
that
code
to
see
ya
yep.
So
just
log
and
reply,
the
patio.
Let
me
see
it's
so
quiet
I'm,
just
checking
whether
there
is
any
comment.
B
Okay,
any
trip
where
to
start
from
where
to
start
without
your
functions.
So
if
you
go
to
function,
stop
Esther
calm
and
then
create
a
new
function.
You
get.
You
basically
create
a
function
up
here.
So
it's
one
of
these
and
then
you
could
do
new
function
and
because
we're
talking
about
JavaScript,
we
javascript
here-
and
these
are
all
her
sleepy-
trigger
JavaScript.
B
B
B
B
Long
running
joke
so,
as
your
functions
will
come
out
after
five
minutes.
So
if
you
have
a
really
long
running
joke,
you
want
to
break
it
up
by
putting
split
it.
The
big
cut
into
little
tasks
put
that
into
a
queue
and
they
have
to
queue
spawn
many
little
test.
So
inside
inside
kun,
the
debugging
console.
B
Basically,
there's
a
command-line
interface
when
it
comes
up
over
here
if
you
go
into
the
site
login
to
my
coat.
No
ji
zhongxing
here
here
is
where
you
will
run
these
two
lines:
the
MPN
in
it
initialize
here
under
with
the
take
all
the
defaults,
because
normally
when
you
initialize
the
NPM
project,
I
asked
you
for
various
interactive
questions,
but
this
is
not
interactive
console,
so
we
will
just
get
stuck.
She
really
just
have
to
take
the
defaults,
and
I
will
give
you
a
blank
package.json
and
then
you
can
install
the
dependencies.
B
B
B
There
was
a
question
last
last
time
whether
we
can
run
functions
locally.
So
what
I
have
here
is
we
just
to
do
code
and
I
have
just
opened
that
lead
in
the
Explorer
because
explorer
so
here's
the
function
running
is
code
for
my
function
inside
my
local
hat
local
drive
and
there
are
two
additional
bids
that
you
want
to
get.
Let
me
just
show
you
this
guy,
so
the
first
one
is
you
need
this
one,
the
as
your
function
COI.
This
gives
you
the
command
line.
B
Interface
for
doing
edge,
avengers
word
inside
know,
Jas
locally,
so
grab
it
from
there
and
then
this
is
a
link
to
the
blog
post
on
how
to
run
as
a
function
locally
with
CRI
and
I
have
a
little
so
I
wanted
to
hear.
So
this
is
pretty
much
the
same
code
I'm
connecting
to
my
ship
online,
but
I'm
doing
it
for
my
console.
B
Touchy
issue
Anna
Jesus
coasters,
so
with
the
LG
function,
see
I
installed.
You
have
these
tools
if
you
say
that
the
alias
to
funk,
but
if
you
do
fun
at
you,
you
will
try
to
run
your
instance
passing
let's
deploy
through
other
functions,
if
you
don't
have
a
jewel
run
everything
locally.
So
if
I
just
hit
that
it's
going
to
work,
how
hey
at
your
own
signal
running
is
Spencer
doubt
it
show
me
a
mess.
Luckily
error.
My
sis
on
270.
B
Yes,
he
added
this
is
actually
to
do
with
where
I
stole
my
crossword
I
put
my
possibly
inside
the
environment,
but
when
I
start
a
new
command
line
session,
the
deposit
is
not
fit,
whereas
in
my
at
your
functions,
I
put
it
in
the
function
settings
so
that's.
This
is
where
you
found
some
black
anyway,
I
filled
it
with
the
temporary
I
included
a
temporary
feel.
Thank
you
see
this
variable.
B
B
A
B
So
so
do
the
you
need
to
run
the
function
locally
with
the
debug
he
will,
and
this
is
to
step
thing
the
function
starts,
but
then
you
have
to
have
your
videos
with
your
code
attached
to
that
browser
Engstrom.
So
you
start
this
and
stun
us
at
the
sky
and
is
gonna,
say
creak
creak,
stereo
debug
point,
so
you
come
here
and
hit
f5
and
I.
Don't
know
that
I
would
now
the
happy
to
try
again.
B
B
Any
of
y'all
it's
working
first
time
doesn't
work
second
moment,
so
you
can
see
I
stop
here
and
let
me
just
kept
it
so
you
can
see
at
the
edge
of
function.
The
knowledge
area
said
your
function
in
South
debugging.
It
might
be
just
video
code,
so
the
visual
silica
has
hooked
into
the
the
the
node.js
server.
B
That
I
think
is
expressive,
I'm
not
sure,
but
it's
hooked
into
the
server
in
the
debugging
m
coin,
which
is
this
tea
party
of
five
a
five
day,
and
now
I'm
debugging,
the
noche
SI
g
function
as
running
inside
notes,
is
on
my
cup,
so
they
just
skip
that.
You
see
it's
scrap
a
it's
got
the
header
it's
gone
and
talked
to
my
web
and
you
straight
my
web.
So
I'm
asking
what
the
title
the
description,
so
you
can
see
a
description.
My
title
is:
come
back.
B
Ok,
you
could
do
just
reading
the
comments
to
see
by
this
anything.
So
one
thing
I
thought
was
pretty.
Amazing.
Is
Sergei's
work
with
the
no
SP
request
in
that,
when
it's
using
user
name
and
password
here
is
actually
retrieving
a
they
did.
You
need
to
see
this.
I
would
put
this
breakpoint
fight
actually
retrieving
a
federated
cookie,
it's
always
brilliant.
It
does.
B
And
he
are
very
hope
it
does
all
the
empty.
I
am
authentication
and
then
pretty
much
give
you
a
cookie
here.
Cdss
federated
hot
cookie
is
humongous
empire,
touching
that
cookie
to
the
browser
session,
essentially
your
login,
as
as
the
professor
user.
So
it's
very
cool.
I
work
with
the
mix
of
small
and
medium
kinds.
B
B
And
this
ties
to
that
startup
code
start
a
penalty
that
you
take
when
your
function
hasn't
been
running
for
a
while.
So
it's
not
set
up
in
memory
and
then
you
want
to
run
this
function.
It
has
to
copy
it
to
a
fear
and
then
you
know
spin
up
no
tears
and
low
all
these
no
modules.
So
you
really
take
a
penalty
in
close
the
storage,
the
amount
of
thousand
amount
of
data
in
the
store,
as
well
as
the
the
time
it
takes
to
scar
dysfunction.
B
B
So
if
I
come
here
and
into
a
little
bit
yeah
so
now
just
do
that.
So
if
I
always
have
fun
pack,
essentially
funk
you
packed
on
the
package
current
folder,
so
it's
packed
in
factually
are
the
server
detective
value
change
the
host
configuration
tools,
we
loaded
the
function.
What
that
does
is
in
your
function
here
instead
of
the
index,
which
is
also
reading,
all
the
no
modules.
B
B
B
So
the
index
is
packed
with
all
the
no
modules.
That's
a
three
megabyte
file
and
let
me
just
wrap
this
up.
So
if
you
report
that
to
the
cloud,
so
I
have
that
that's
the
node.js
function
and
I
have
another
one
to
Soaring.
Fourth
unpack
you'll
see
it
doesn't
have
to
know
Draya
solder.
Here
you
just
have
to
function.
J
is
which
coins
to
the
contact
file
and
which
is
here,
that's
built,
assume
megabyte
file.
Will
they
come
this
guy's
not
even
used?
So
it's
just
really
and
if
I
run
this
function.
B
Yeah,
it
does
the
same
thing
so
it
indicates
get
to
compete
and
then
grabs
the
site
title
from
a
ship
from
the
Sun.
So
this
I
think
it's
a
way
to
go
and
in
the
last
time
I
did
this
demo
with
the
bmv
PowerShell.
We
talked
about
all
you
put
all
the
theory,
powershot
URLs
into
the
function,
and
then
you
can
share
everything
up
with
different
functions.
B
A
Awesome
stuff
John
thanks
so
much
David.
If
you
want
to
start
taking
over
as
presenter,
you
should
be
all
set
so
I
don't
have
anything
to
share
on
the
government
cloud
understand
from
all
the
questions
you
guys
would
would
love
some
sort
of
statement
on
that
and
I
don't
have
one
to
give
on
this
call.
I,
don't
know
if
we
can
give
one
on
the
next
call
because
I,
don't
you
know
if
we
don't
have
something
to
share
publicly,
we
don't
have
something
to
share
publicly
but
I'll
check
I'll
mention
it.
C
Everybody,
so
if
you
were
on
the
last
call
that
I
demoed
on
this
will
look
familiar
to
you,
the
rocky
site,
so
you
can
say
that
this
is
the
rocky
to
demo
we're
going
to
talk
about
the
mega
menu
today,
the
navigation.
So
this
is
typically
a
great
opportunity
and
a
conversation
piece,
a
critical
component
around
any
web
application,
especially
within
SharePoint,
because
you
have
lots
of
SharePoint
of
the
sub-sites,
your
route
site
and
navigation
around
usually
becomes
a
critical
key
point.
C
We
know
that
with
mobile
devices,
really
accelerating
almost
overtaking
the
use
of
applications,
especially
sharepoint
online,
in
our
lives,
touch
friendly,
interactive
applications
and
navigation
providers
become
even
more
important
right
and
we
know
that
many
of
the
historical
navigation
providers
in
terms
or
experiences
are
driven
by
hover
states
stuff
like
that,
and
so
we
had
a
solution
created
that
we
created
in-house.
So
this
is
not
a
commercial
product.
We
purchase
turn
even
created
in-house
that
we
try
to
solve
a
number
of
issues.
C
We
wanted
it
to
be
functional
and
usable,
my
just
about
anybody
whether
they
were
on
a
mobile
device,
a
phone,
a
tablet,
a
small
tablet,
large
tablet.
You
know
you
could
you
could
be
on
a
iPad
pro
12
inch
and
in
invoke
a
desktop
experience,
so
you
couldn't
even
rely
necessarily
on
the
desktop
using
a
hover
state
based
on
media
queries
and
responsive
design,
simply
because
larger
devices
like
that
would
invoke
the
desktop
experience
unless
your
device
enough
English,
is
a
little
more
costly
as
well.
C
So
we
just
wanted
to
rely
on
pure
media
queries
and
know
that
it's
going
to
work
on
any
device
devoid
of
whether
you
had
a
mouse
or
not,
and
so
what
you're
seeing
here
is
navigation
provider
and
for
those
of
you
who
were
not
on
the
demo
last
time,
this
site
you're
looking
at
here,
is
driven
completely
and
shared
online.
It
is
not
using
a
custom
master
page
everything
here,
you're,
seeing
the
responsive
design.
C
The
feature
functionality
is
all
done
using
nothing
more
than
HTML
CSS
and
JavaScript
injected
via
user
custom
actions
and
using
JS
link
patrick
admission
that
that
this
particular
example
uses.
Yes,
link:
JS
link
was
used
for
the
iconography
engine
which,
if
you're
not
familiar
with
that,
if
you
go
back
a
few,
a
few
demos
you'll
be
able
to
see
that.
If
you
calls
on
youtube,
you
will
see
that
in
the
pnp
youtube
channel,
this
one
is
using
mostly
user
custom
actions.
C
C
If
you
were
sitting
in
front
of
Mike,
the
screenshare
probably
is
a
little
more
choppy,
but
there's
a
nice
clean
animation
that
that
opens
up
the
panel
and
allows
you
to
see
what
the
contents
are
and
each
one
of
these
has
their
own
panel
and
you
can
click
on
one
to
open
it.
Obviously,
if
you're
on
one
that's
open
and
you
click
another,
it
will
close
the
one
that's
open.
C
It
would
be
confusing
in
the
desktop
experience
here
to
have
more
than
one
open
at
the
same
time,
because
essentially
all
they
could
do
is
back
and
then
you
would
not
know
which
panel
belongs
to
which
menu
items.
So
in
the
desktop
experience
it
really
only
allows
you
to
open
one
at
a
time,
but
it
takes
care
of
the
closing
and
reopening.
C
Now,
as
we
look
at
these
items
here
as
I
open
up
another
one,
all
of
these
items
here
can
be
configured
so
you've
got
your
group
header
down
here
with
your
individual
links,
the
sort
order
can
be
configured
the
location
of
which
column
it
allows
for
up
to
three
columns
of
data,
so
moving
say,
for
example,
investment
strategy
over
to
the
second
column
is
completely
configurable.
The
order
in
which
you
see
your
groups
is
configurable.
C
Now
all
this
is
driven
by
a
list,
a
sharepoint
list,
in
addition
to
it
being
driven
by
a
list
and
the
configuration
options
and
I'll
show
you
how
that
all
works.
It
is
also
responsive
friendly.
So
I'm
going
to
bring
up
the
developer
toolbar
here
and
I'm
going
to
invoke
the
mobile
experience
and,
as
I
start
shrinking
in
the
screen,
you're
going
to
start
seeing
the
fonts
shifting
down
a
little
bit
in
size
to
accommodate
the
reduced
size.
C
It's
all
done
just
using
media
queries
and
then
I'm
going
to
go
down
to
our
smallest
desktop
experience,
which
is
768,
and
this
is
right
before
we
get
into
the
mobile
experience.
Now
the
interesting
thing
about
responsive
design,
as
most
of
you
knows,
really
you're
only
swapping
in
and
out
CSS
you're,
not
really
changing
functionality
necessarily
or
manipulating
the
actual
Dom
structure.
You're,
not
changing
the
HTML.
In
this
case
we
are
so
what
happens?
C
Is
we
have
JavaScript
listeners
set
up
to
listen
for
the
change
of
state
between
what
we
will
call
a
mobile
experience
at
a
desktop
experience?
So
as
I
shift
down
by
1
pixel
you're
going
to
see
fam,
we've
now
entered
our
mobile
experience
and
when
I
invoke
the
mega
menu
we
can
see
now
it
looks
a
little
different,
we're
not
seeing
them
across
the
horizontal
space,
but
we're
seeing
them
vertically
and
as
I
open
them.
We
now
see
much
more
of
a
vertical
experience.
C
That's
much
more
consumable
on
a
mobile
device
right,
it's
normal
to
be
able
to
scroll
up
and
down
vertically
on
a
mobile
device.
Not
only
is
it
not
only
is
it
normal,
but
it's
also
a
little
more
normal
to
have
more
than
one
open.
The
desktop
experience,
obviously
yeah-
that
was
you
know,
made
sense
to
only
have
one
panel
open
at
a
time,
but
here
it
makes
a
lot
more
sense
on
a
mobile
device
to
be
able
to
open
more
than
one
at
a
time
right.
So
we
can
see.
C
Not
only
has
the
experience
change
the
functionality
has
changed
now.
The
cool
thing
here
is
that
when
you
have
this
most
the
time
the
answer
is,
we
need
drastic
functionality
differential
between
our
mobile
experience,
our
desktop
experience,
so
we're
going
to
include
both
and
then
we're
just
going
to
use,
CSS
and
swap
the
experiences
are
going
to
show
the
mobile
hi.
The
desktop
show
that
ass
up
hide
the
mobile
in
this
case.
C
We're
actually
not
doing
that
we're
changing
the
HTML
writing
in
new
HTML
when
you
swap
between
what
this
allows
us
to
do
is
ensure
that
only
one
experience
is
taking
up
space
in
your
HTML
space
at
a
time
right,
you're,
not
bloating
your
Dom
with
extra
HTML,
because
truth
is
we're
sitting
here,
going
like
this
to
invoke
two
different
experiences
in
reality,
most
people
down
there
going
to
load
one
experience
or
the
other
and
go
to
their
work.
So
why
overrun
the
Dom
with
extra
bloat?
C
That's
not
needed,
okay,
so
that's
the
experience
from
a
user,
but
what
about
unadmitted
I'll
go
ahead
and
turn
off
the
mobile
experience
turn
off
my
developer,
toolbar
and
I
had
mentioned
it's
driven
completely
by
a
sharepoint
list.
Now
the
cool
thing
that
I
always
tell
people
is
that,
if
you
have
experience
with
in
Windows
Explorer
using
files
and
folders
or
Mac
finder
using
files
and
folders,
you
can
edit
the
mega
menu.
It's
that
simple.
C
It
literally
uses
nothing
more
than
a
folder
SharePoint
folder
and
a
sharepoint
list
item
and
that's
fantastic,
because
we're
really
wanting
to
leverage
as
much
going
on
sharepoint
as
we
possibly
can
right,
leverage
and
utilize
the
beauty
of
what
sharepoint
provides
you
out
of
the
box,
and
that's
really
what's
going
on
here,
so
you'll
notice
that
I've
gone
into
the
list
and
and
there's
a
familiar
there's
a
familiar
trend
here
right.
We
see
about
acne
about
acne
active
members
active
members,
so
this
is
all
driven
by
this
this
list
and
folders.
C
We
can
see
the
sort
order
here,
sort
order
here
is
defined
so
128.
We
have
eight
items
up
here.
This
particular
version
of
the
megavideo
actually
supports
up
to
10
and
it
will
dynamically
make
sure
that
each
of
these
is
spaced
individually,
the
same
amount
evenly
if
you
have
anywhere
between
1
and
10.
So
if
you
had
one,
the
item
would
take
a
hundred
percent.
If
you
had
five,
it
would
take
twenty
percent.
C
If
you
had
ten
it
would
each
take
ten
percent
right,
so
it
dynamically
adjusts,
as
you
add
and
subtract
items
from
your
top
nav
and
then
so
we
go
into
about
acne.
We
see
that
we've
got
the
rest
of
our
items
here
now.
If
we
load
down
that
and
I'll
kind
of
scroll
down
here,
so
we
can
kind
of
see
them
both
at
the
same
time
a
piece
of
them.
C
We
see
a
vaca
me
home
about
acne,
home
legislation,
internal
audit
plan
and
reports
media
center
right
all
in
order
one
through
four
column,
one
we
move
over
to
column,
to
the
Board
of
Trustees,
acne,
calendar
events,
etc,
etc.
So
we
can
see
the
trend
there,
it's
as
easy,
as
changing
one
of
these
items.
So
let's
say
we
wanted
to
move
legislation
over
from
the
first
column
to
the
second
column,
so
I'm
going
to
go
ahead
in
here
to
legislation,
I'm
going
to
edit
the
item
and.
C
I'm
going
to
say,
column,
location
too,
and
I'm
going
to
say
I
don't
know
how
many
we
had.
So
I'm
just
going
to
say
seven,
because
I
know
there's
less
than
seven
now
that
hit
save
and
now
I'm
going
to
go
ahead
and
open,
acme
members
or
excuse
me
about
pack
me
and
you
can
see
what
in
the
world
it's
it's
still
in
the
first,
it's
still
in
the
first
column,
why
didn't
it
change
exactly?
We
have
not
set
it
up
to
poll
from
this
list.
Live.
Why
performance?
C
Imagine
if
you
will,
we
have
a
navigation
right
and
it
changes
in
most
organizations
what
maybe
half
a
dozen
to
a
dozen
times
a
year.
The
performance
cost,
though,
of
sending
every
single
person
to
this
list
to
parse
it
live
for
every
load,
is
costly.
It's
expensive
so
use
your
custom
actions
to
the
rescue
you
may
have
noticed.
We
have
a
mega
menu
tab
up
here
in
our
ribbon.
So
what
we've
done
it
was.
C
It
actually
set
up
a
user
custom
action
which
again
a
user
custom
action,
is
nothing
more
than
a
reference
to
a
JavaScript
function
or
file
or
execute
JavaScript
to
pull
in
a
javascript
file.
So
you'll
notice
that
it's
labeled
publish
mega
menu
JSON
right,
so
we
put
all
the
weights
and
all
the
performance
and
all
the
costs
of
processing
this
list
on
a
one-time
run
when
you
go
and
edit
your
your
list
right,
and
so
all
that
cost
is
done
once
on
the
client
by
the
content
author
at
the
time
they're
making
the
changes.
C
C
So
here,
I've
logged
in
to
my
site,
I've
gone
to
my
list,
Megaman
USP
and
then
you'll
notice,
user,
custom
actions
down
here
right
and
what
that
does
is
I've
got
an
export,
JSON
I've,
given
it
a
title
and
really
the
meat
potatoes
comes
into
this
command.
Ui
extension,
which
is
kind
of
hard
to
see
here
so
I've,
got
it
loaded
right
here
for
us
and
we
can
see
really
all
it's
doing.
Is
it's
creating
a
custom
UI
extension
there
on
the
ribbon?
C
We've
got
our
button
here
right,
which
is
published
megamenu
our
label
text
published
megamenu
JSON
and
then
what
it
really
does
is
down
here
is
the
UI
handler
and
so
I've
got
a
function
here:
CSP
micro
solution,
megamenu
export
JSON,
and
so
that's
pointing
to
a
pointing
to
a
function
that
lives
in
the
two
javascript
files
or
one
javascript
file
that
actually
is
loaded
already
right.
So
here's
my
export.
C
C
So
what
will
happen,
then
is
all
go
in
here
to
my
mega
menu
folder
and
here's
my
demo
data.
That's!
What's
driving
my
navigation
and
I'm
going
to
check
that
out
so
now
I'm
going
to
go
back
to
my
list
and
we
know
we've
made
the
change.
We
moved
legislation
over
into
the
second
column
week
in
it
so
order
70,
perfect,
and
so
now
what
we're
going
to
do
is
we're
going
to
go
and
publish
that
mega
menu,
and
so
now
it's
going
to,
let
me
know,
mega
BG
JSON
has
been
successfully
exported.
C
Lets
me
know
where
this
is
just
a
pop-up
that
I
created
in
my
custom
JavaScript
again,
all
just
JavaScript,
HTML
CSS
I'll
hit,
ok
and
so
now,
even
though
we're
in
a
system
page
I'll
go
ahead
and
refresh
I'll
refresh
the
page,
and
when
I
open
up
a
balun
acme,
we
see
legislation
has
moved
now
down
to
the
bottom
from
the
first
column
to
the
second
column,
just
simply
by
changing
the
the
item
here
in
the
list.
The
nice
thing
is
that
you'll
notice
that
I
had
to
check
that
file
outs.
C
So
I
talked
about
a
security
feature
right.
The
security
feature
is
that
no
one
else
sees
my
changes.
This
allows
the
content
author
to
go.
Make
their
changes
then
confirm
their
changes
all
looked
accurate.
So
if
I
come
back
to
my
home
page
and
refresh,
will
see
the
same
thing
so
now,
I'm
able
to
go
make
sure
all
my
changes
were
accurate,
I
didn't
fat
fingers,
something
I
didn't
pay
something
in.
That
was
incorrect.
C
I
can
confirm
all
my
changes
are
good
to
go
and
then
I
can
actually
confirm
yes,
okay,
the
changes
I
made
were
good.
Now,
I
go
back
in
I
check
in
my
file
and
it's
published
to
the
world
at
that
point
might
have
to
go
through
some
work,
flow,
etc.
Now,
parsing
and
processing.
This
is
actually
pretty
cool
right.
So
now
we've
set
up
our
HTML
to
just
go
ahead
and
consume
it.
C
So
we
can
see
I'm
loading,
my
CSS
here,
I'm
loading,
my
CSS
and
and
then
I
just
started
going
through
now
the
power
of
what
allows
us
to
consume
or
know
that
we
need
to
invoke
the
mobile
experience
or
the
desktop
experience
is
in
one
of
my
new
favorite
words
right.
It's
a
pseudo
attribute,
so
we
set
up
a
listener.
You
can't
change
functionality
of
your
mega
menu
or
your
of
you
can't
set
up
a
JavaScript
listener
on
the
change
of
a
media
query,
but
you
can
listen
for
changes
of
events
inside
of
your
content.
C
So
the
key
here
that
allows
us
to
do
that
to
change
that
functionality
between
a
desktop
experience
and
I
mobile
experience
is
a
listener.
That's
looking
at
this
little
pseudo
attribute
right
here,
you'll
notice
over
here
it
says,
desktop
I'm,
hiding
it
so
that
we
don't
need
to
see
it,
but
it
says
content
desktop.
So
when
we
re
invoke
our
mobile
experience
here
and
I'll
go
back
down
to
768
our
smallest
desktop
experience,
we
see
it
still
says
desktop
now
when
I
go
down.
C
1
pixel
you'll
notice
that,
in
my
responsive
design,
media
query
break
point
for
767
to
600
600
to
767
we've
changed
and
overridden
that
content
to
mobile.
Now
the
JavaScript
knows:
hey
something
changed
I!
Need
you
to
go
reinitiate
my
navigation
to
a
mobile
experience,
remove
the
desktop
experience,
replace
it
with
the
mobile
experience,
and
that
happens
either
on
load
or
on
shift
of
the
size
of
your
screen.
C
So
if
someone
were
to
shrink
their
screen
or
more
more
likely
a
device
orientation
change,
they
change
their
device,
perhaps
from
landscape
to
portrait
and
there's
enough
resolution
change
there
that
it
goes
and
invokes
from
the
desktop
experience
to
the
mobile
experience.
So
the
benefit.
Obviously
there
is,
is
that
you
have
a
very
fast
navigation.
It's
highly
an
easily
configurable
pry,
your
content,
authors
and
it's
still
very
performance
and
very
useful.
We
can
really
just
about
in
a
passive
way
give
it
access
to
anywhere
in
the
site.
C
You
would
want
in
a
organized
fashion
and-
and
there
are
ways
to
enhance
that,
so
anybody
that
was
on
the
call
last
time
solve
the
iconography
engine.
We've
actually
created
a
version
that
includes
the
iconography
engine,
so
you
can
have
little
icons
or
you
can
have
what
we
call
a
mega
man,
you
billboard,
you
have
to
see
a
little
extra
space
over
here.
C
You
sit
a
little
bit
more
here
now
that
I
move
legislation,
so
you
may
want
to
consume
this
white
space
here
with
an
image
we've
created
a
version
of
it
that
does
that
that's
still
fully
responsive.
Let's
see
we
got
about
eight
minutes
left,
that's
the
bulk
of
it.
Let
me
know
if
you
have
any
questions,
I'm
going
to
go
check
me
I
know.
There's
some
that's
come
in
here.
Let
me
scroll
back
up.
C
Our
HTML
CSS
instructions
available
on
github,
I'm
not
sure.
If
that
was
to
me.
I
don't
have
this
up
there
yet,
but
reach
out
to
me
we
can.
We
can
definitely
talk
about
getting
you
to
eat
into
some
of
it.
Is
there
a
configuration
option,
have
a
point
to
a
list
of
choosing.
No,
in
this
case,
it's
all
set
up
on
the
JavaScript's.
The
javascript
defines
where
the
buildings
example
you
could
configure
it
to
look
at
the
the
web.
We
have
clients
that
did
that.
C
C
Yes,
so
no,
in
this
case
it's
just
running
off
the
list
because
we
wanted
to
be
easily
configurable
by
the
content.
Authors
again,
it
is
all
just
JavaScript,
HTML
CSS,
so
using
things
like
the
pnp
core.
Obviously,
in
this
case,
it's
using
a
user
custom
action
which
doesn't
work
in
the
current
modern
experience,
but,
as
we
know,
replacements
for
those
are
coming
and
so
being
that
this
is
just
purely
javascript,
HTML
CSS
it'll
just
be
invoking
it
in
a
new
way.
C
Once
that's
once
that's
divine
to
find
lock
down
the
list
when
Edmund
only
yep
absolutely
can
you
control
the
permissions
for
the
list
items
great
question.
So
if
you
wanted
to
security
trim
in
this
particular
instance
on
this
demo,
it's
not
security
terms,
because
it's
just
consuming
the
the
JSON
as
it
is
displaying
it.
Although
I
created
a
version
that
is
security
trim.
So
at
the
list
item
level,
when
you
go
here,
if
we
were
to
go
in
and
edit
one
of
these,
for
example,
I'll
go
in
and
edit
about
acne
home.
C
There
is
an
item,
add
additional
site
column
that
I
had
added.
That
said,
security
trim
and
so
that
way
what
it
does
is
it
rolls
through
and
it's
creating
the
mega
menu
off
of
the
JSON.
And
if
you
flagged
something
as
hey,
this
is
security.
Trimmed
it
performs.
An
extra
step
goes
out
check
the
current
user
checks
to
see
if
the
user
has
access
and
in
either
includes
or
removes
that
mega
menu
item
from
the
mega
menu.
So
they
never
see
it.
C
They
wanted
to
be
simple,
simple
that
way
maps
may
change
tens
year
with
primers
completely
change.
Oh
absolutely
so,
hopefully,
my
question
before.
As
answer
that
chemistry
know,
if
your
CSS-
probably
not
yeah-
probably
not
there's
a
version
you
could
create,
but
probably
not
necessarily
in
this
way,
that's
so
holistically
included
in
using
SharePoint
fun
awesome
our
office
fabric,
the
icons
are
using
fun.
Awesome,
doesn't
work
with
modernity
exactly
so
the
user
custom
actions
don't
necessarily
are.
Obviously
a
lot
is
not
working
in
the
double
on
our
experience.
C
Right
now,
but
again
it
is
just
pure
JavaScript,
HTML
CSS.
So
once
those
replacements
for
use
your
custom
actions
come
out.
As
we
know,
they
will
then
we'll
be
able
to
to
use
that
for
icons.
Go
with
office
fabric
has
app
icons,
as
are
awesome.
Yep.
The
cool
thing,
though
I
will
say,
is
that
you
can
create
your
own
icon
fonts,
to
write
so
anywhere
that
you
need
a
collection,
maybe
of
fonts
or
icons
that
are
found
in
separate
fonts
you
can
you
can
do
that.
C
You
can
create
your
own
custom
collection,
there's
web
applications
that
allow
you
to
do
that.
We've
done
that
for
other
clients
that
wanted
a
collection
of
them,
some
from
the
office
fabric,
some
from
font,
awesome
or
others,
and
then
they
have
their
own
custom.
So
we
combine
them
into
a
singular
font
for
them,
and
then
you
set
up
the
iconography
engine
down
here
to
use
that.
So
we
are
just
amount
of
time
four
minutes,
Patrick
I'll
pass
it
back
to
you
feel
free
to
reach
out
to
me.
A
Thanks
David
great
stuff,
as
always
thanks
on
awesome
demos,
I
hope
folks
got
some
good
stuff
out
of
there.
It's
always
great
to
see
what
folks
are
doing
again.
I
encourage
all
of
you
if
you've
got
something
you'd
like
to
show
on
the
call.
Please
do
let
us
know
we'd
love
to
give
you
a
slot
and
get
you
on
here
to
show
off
some
stuff.
So
do
have
a
few
minutes
left.
We
can
go
count
of
the
open
discussion.
I,
don't
know
if
anybody
has
any
questions
or
wants
to
I
know
we
kind
of
mentioned.
A
We
might
talk
about
graph.
I,
don't
know!
Three
minutes
is
really
enough
time
to
get
on
that,
but
but
happy
for.
If
anybody
wants
to
come
off,
mute
and
share
their
thoughts
around
adding
the
graph
support
to
the
j
s
core
or
questions
around
anything
else
that
we
haven't
been
able
to
answer
throughout
the
call.
D
Yeah
Patrick
here
I
think
it
would
be
really
are
really
interested
to
see
that
you'd
already
thought
about
that
and
kind
of
thought
about
it.
Weren't
coming
up
with
the
the
naming
conventions,
so
yeah
something
I'd,
be
interested
in
contributing
to
I.
Don't
know
how
much
time
I
can
contribute
to
it
or
commit
to
but
yeah
something
I
think
this
will
be
very
worthwhile
and
I
thought.
Maybe
you
could
even
wrap
the
MS
graph
and
then,
where
there's
some
functionality,
that's
not
yet
available
in
ms
graph.
We
could
then
drop
back
to,
for
example.
D
A
I
absolutely
agree
and
I,
let's
see
I
can't
say
anything
other
than
there's
stuff
coming
in
SharePoint
framework.
That's
going
to
make
this
work
easier,
which
is
why
I
personally
haven't
actually
started.
Writing
any
code
on
this,
yet
so
I'll
kind
of
throw
that
out
there
to
everybody,
but
I
do
think
it's
a
great
idea.
So
bill
certainly
appreciate
if
you
got
some
time
to
jump
in
and
anybody
else
is
welcome
to
help
out
there
as
well.
A
A
A
A
We'll
graph
be
moved
to
the
government
cloud
again:
I
don't
have
any
dates
to
share
around
that
and
I.
Don't
I,
don't
do
a
ton
in
the
government
space
there
are
communities,
but
unfortunately,
due
to
the
nature
of
government
work.
Typically,
a
lot
of
those
communities
are
very
isolated
within
a
given
customer
or
given
a
sort
of
area
right.
A
If,
if
it's
information,
security
or
something
like
that
and
they
tend
to
be
fairly
closed,
communities
are
obviously
a
lot
less
sort
of
open
than
what
we
discuss
here,
which
is
a
shame,
but
you
know
I
will
try
and
get
answers
on
the
government
cloud.
Sp
FX,
update
in
terms
of
the
graph
I
won't
have
any
information
on
that,
but
can
try
and
find
out.
It
is
a
shame
that
folks,
in
the
Gulf
community,
get
kind
of
isolated
but
unfortunate.
A
I
think
that's
the
nature
of
doing
cleared,
work
or
doing
government
work,
so
it's
a
bummer,
but
it
just
sort
of
is
what
it
is.
My
nature
I
guess,
which
is
a
shame.
I
do
agree
with
that.
So
we
are
out
of
time.
So
I
will
thank
everyone
for
joining
the
call
our
next
meeting
is
april.
27Th
can't
believe
we're
already
talking
about
the
end
of
april.
A
Look
forward
to
seeing
everybody
then,
like
I,
said,
if
you've
got
some
demos
going
to
show
some
stuff
off
on
that
call,
please
do
get
in
touch,
would
love
to
give
you
a
platform
and
lets.
You
show
us
all
the
great
work
you're
doing
out
there
on
client-side
development.
So
thanks
everybody
have
a
great
weekend
and
talk
to
you
soon.