►
Description
This community call demo is taken from the SharePoint General Development Special Interest Group recording on 2nd of May 2019. In this video, Chris Kent (DMI) shows how to customize the Flow Panel with List Formatting actionParams.
Presenter - Chris Kent (DMI) - @thechriskent
Full details on the community call from https://developer.microsoft.com/en-us/sharepoint/blogs/sharepoint-dev-community-pnp-general-sp-dev-sig-recording-2nd-of-may-2019/
More details on the SharePoint dev community calls from http://aka.ms/sppnp.
A
My
name
is:
Chris,
can
duh
there's
my
twitter
tweets
and
the
blog
all
that
stuff
all
right.
So,
let's
jump
in.
Let's
talk
about
this
formatting
and
the
the
flow
panel,
so
on
our
class,
of
course,
the
site
you
know
was
two
weeks
ago.
We
showed
you
some
cool
stuff
here
and
we
went
over
to
our
secret
lab.
Alright,
we
took
a
look.
We
had
this
whole
idea
of
live
updates
the
lowest.
We
were
accomplishing
that
with
flow.
So
we
hit
the
start
button
here
and
launches.
B
A
Flow
panel,
you
notice
I've
got
this
begin.
The
experiment
flow
right
and
when
I
run
that
you
know
kind
of
does
behind
the
scenes
and
it'll
start
things
and
update
things
everything's
great,
but
in
order
to
also
make
it
smart,
obvious,
I
actually
created
two
separate
flows
right
except
a
second
flow
called
Hulton
z,
experiment
right.
They
really
do
the
same
thing
though
so,
wouldn't
it
be
better
if
I
had
just
one
flow,
that
did
that,
but
I
could
provide
some
context
for
what
action
they're
taking
right.
So
in
the
past
I've
shown
you
yeah.
A
A
But
you
know
the
horses
they're
pretty
sensitive
to
pretty
user
savvy.
They
know
that
when
you
do
things
like
that,
people
don't
know
what
flow
necessarily
is,
and
why
should
they
care
right?
They
just
want
to
know
it
does
something.
So,
let's
come
over
here
to
the
things
list,
unzip
that
into
me,
I
should
see
it.
Alright
I
mean
I
used
to
work
a
long
time
ago.
I
did
wastewater
management
so
that
sewage,
right
and
handling.
How
will
that
happened?
A
So
I
have
a
completely
different
context
when
I
think
of
the
word
flow,
then
maybe
some
other
people
do
right.
So
how
can
we
kind
of
take
that
out
of
here?
You
know
like
right
here.
This
run
flow
and
run
flow.
Sure
I
can
see
the
name.
That's
not
very
obvious,
what's
happening.
So,
let's
take
a
look
all
right.
So
luckily,
we've
got
some
samples
for
you,
so
this
whole
sample
here
that
I'm
going
to
show
you
that's
already
got
this
kind
of
set
up.
A
First
thing
to
do
is
drag
that
over
something
next
to
see
we're
working
on
there.
We
go
right,
so
all
of
this
is
available
in
our
samples,
repo.
Let
me
grab
that
and
I
paste
that
in
here,
I
am
here.
Alright,
so
make
sure
you're
checking
these
out
again.
We've
got
column
samples
we
have
a
number
of
them
or
around
flows
right,
so
we've
got
the
start
flow.
We
got
to
start
well,
conditionally.
The
ones
I'm
going
to
show
you
here
are
within
the
generic
row.
Actions
where
we're
showing
you
each
of
the
reactions.
A
I
showed
you
this
last
week,
I
build
updated.
This
execute
flow
now
to
show
you
a
couple
other
things
here.
So
that's
all
this
is.
The
main
thing
is
this:
is
a
button
will
be
generated
right,
and
so,
if
this
customer
actually
says
what
the
button
should
do,
the
rest
of
this
is
just
to
make
that
pretty
little
rocket
and
the
wording
for
deploy
okay.
A
So
in
the
past
we've
shown
you've
got
to
include
the
ID
here,
all
right,
that's
the
idea
of
the
flow,
but
now
the
team
has
introduced
a
couple
of
new
fancy
things
right,
so
I
could
say
here
now
this
is
escape.
Jason
saw,
my
double
quotes.
Have
to
have
that
you
know
what
is
the
backslash
in
front
of
it,
so
C
header
text,
I,
don't
do
another
another
one
and
I
can
say
whatever
one
so
do
the
things
stuff.
So
I
can
write
some
real
context
here.
So
I
preview
that.
A
Again
by
cutting
and
pasting
Oh
missing
a
colon
you're
right.
That's
why
I
don't
type
in
front
of
people,
it's
upsetting
all
right,
let's
grab
it,
and
so,
let's
paste
that
in
so
we'll
take
a
look
at
what
I
missed.
So
this
is
exactly
right:
Thank,
You,
Steven
I
missed
that
colon
here,
okay,
so
now
we
previewed
that
and
when
I
come
over
here,
I'm
gonna
press
that
deploy
button
you'll
see
some
fancy
stuff
instead
of
run
flow.
A
So
now
they
can
provide
some
real
context
for
what's
happening
all
right,
so
you
have
an
approval
flow.
You
can
put
that
right
up
here.
It's
an
awesome
spot
for
that
and
that's
great
but
I
stood
up.
This
run
flow
button
down
here.
That's
provide
even
more
context,
all
right.
So,
let's
see
if
I
can
type
this
one.
So
now
we
come
in
here
we'll
say
BAM
and
we're
going
to
call
this
one.
It's
called
run
flow
button
text
see
behind
these
are
case-sensitive
right
and
there's
my
colon
very
good,
alright.
A
So
nothing's
really
changed
in
terms
of
functionality,
but
you
need
to
provide
so
much
more
context
here
to
really
help
users
understand.
What's
going
on,
really
helps
with
user
adoption
all
right.
So
we've
already
taken
the
flow
for
a
selected
item
out
of
that
flow
menu
up
top
or
it
may
not
be
discovered
now
we're
putting
it
down
there.
We
provide
context
with
the
name
and
a
button
directly
on
the
list.
Item
run
it
directly
in
that
flow
panel
is
really
awesome.
A
Now
a
couple
notes
here:
you
can
go
crazy
with
length
all
right,
so
if
I
grab
this
six
thousand
characters
sure
why
wouldn't
I
do
that
all
right,
I
come
in
here
and
I
changed.
My
header
text
should
be
six
thousand
characters.
Long
can
I
do
that
yeah.
You
can
don't
do
it,
but
you
can
alright
so
we'll
try
that
you
stay
a
little
bit
time
here,
all
right,
here's
what
happens
it
just
wraps
and
goes
down
forever,
but
there
you
go,
but
don't
do
it,
maybe
keep
it
less
than
two
lines
right.
A
This
is
not
a
spot
for
your
instructions.
This
is
just
as
title
Thanks.
So,
let's
remove
that,
let's
let
them
do
that!
That's
craziness
all
right!
Now!
You
can
do
the
same
thing
here.
I
will
tell
you
later
five
things
that
you
do
right.
That
sounds
great,
so
we're
gonna
preview
that
so,
when
you
do
that
with
the
button
you're
not
gonna,
get
quite
the
nice
experience
there.
So
you'll
see
the
first
thing
it
does.
A
B
A
A
So
here
we
go
so
the
action
params.
This
is
really
only
used
for
when
use
the
action
execute
flow.
Id
is
always
required.
Header
text
and
run
flow
button
text
or
optionally
include
one
or
the
other.
If
you
include
header
text,
you
know
it's
going
to
set
that
text
to
the
top
of
the
panel.
It's
even
going
to
do
it
for
that.
First
run
panel
right.
A
So
when
you
do
that,
first
time
a
user
runs
the
flow
Brian's
going
to
ask
them
to
confirm
connections
and
all
that
it'll
still
use
your
text
for
the
header
text.
So
that's
awesome
makes
that
even
less
scary,
because
that
can
be
a
little
scary,
a
little
jarring.
For
the
first
time
when
people
are
suddenly
asked
to
authorize
certain
connections,
provide
them
some
context,
you
could
even
do
this
stuff
conditionally
right,
so
you
can
look
at
the
list.
Items
itself.
Send
me
the
do
days
pass.
Do
you
really
want
to
emphasize
that
button?
A
Then
you
want
to
put
it
in
all
caps.
You
can
do
that
kind
of
thing
all
right.
So,
for
the
row
flow
read,
the
read
flow
button
ticks
that's,
what's
called.
Obviously,
it's
not
going
to
show
up
for
the
first
run
panel
and
you
cannot
customize
the
cancel
button
right
now.
Alright,
so
that's
it!
Here's
some
resources
for
you
so
check
out
the
documentation
again.
If
you
check
out
this
particular
sample
to
generic
row,
actions
that
you'll
be
able
to
see
those
things
in
action,
you
can
cut
and
paste.
So
you
don't
forget.
A
The
colon
like
I
did
all
right
and
then
here's
some
additional
posts.
So
this
one
is
all
about
how
you
customize
that
flow
panel.
Here's
how
you
conditionally
set
action
parameters
and
if
you
want
to
make
a
real
easy
way
to
do
that
flow,
here's
the
format
only
kind
of
check.
Alright,
that's
it!
For
me
thanks
a
lot
awesome.