Develop visibility states for dynamic blocks

00:04

We'll look at adding different block views

00:07

to a block using a visibility parameter.

00:11

This is useful as it can eliminate the need for multiple blocks.

00:15

I'll keep this simple and only use three blocks for this.

00:20

I'll start off with the largest block first as it will

00:23

make it easier to control things in the block editor.

00:27

So I'll go ahead and

00:30

bring this into the block editor.

00:33

And the first thing I wanna do is in the block editor,

00:37

I wanna add a visibility parameter.

00:40

So I'll go to the parameters tab

00:43

grab visibility

00:46

and you wanna be sure to put this in a location that's not covered by the block,

00:51

which is a major reason why I like to start off with the large block first.

00:57

Once you have a visibility parameter,

00:60

you need to go to the visibility states on the visibility panel.

01:06

Remember visibility states

01:09

dictate which block elements are visible when you change to each view option.

01:16

And it's a good idea to

01:18

rename the visibility state.

01:20

I'll call this tree. Now keep in mind these visibility states

01:25

are what is gonna show up on your grip for the dynamic block?

01:30

Then

01:31

I'm gonna go to the insert command

01:34

to bring in

01:35

other blocks.

01:39

And

01:40

the next one I'll bring in

01:43

is called palm.

01:48

I'll put this at zero, comma zero.

01:54

And then what I need to do

01:57

is create another visibility.

02:02

So we'll go back to visibility states. I'll click the new button

02:07

and I'll call this palm

02:10

and then say,

02:11

OK,

02:13

now this is where it's important

02:16

to understand some of the other functionality on the visibility panel.

02:21

For

02:24

the visibility of tree.

02:27

I want to make sure that I make the palm

02:31

invisible.

02:32

So notice I have access to my visibilities in this drop-down

02:37

with trees. Set current.

02:39

I'm gonna go ahead and make

02:41

palm

02:43

invisible.

02:51

Then

02:52

we'll go ahead and select

02:55

palm

02:56

and we want to make

02:58

tree

02:59

invisible.

03:04

So we wanna make sure that we grab

03:07

all the parts of the tree

03:12

and make that

03:13

invisible.

03:15

Finally, we'll go ahead and bring one more block in

03:20

and we'll put it at zero comma zero

03:23

and then we'll create another visibility state.

03:28

We'll call this

03:30

shrub

03:36

and click. OK?

03:40

And then

03:42

for this visibility state,

03:45

we want to make sure that tree,

03:50

the circle for tree

03:54

and palm

03:55

are set to invisible

04:00

before we test this out.

04:03

One thing I recommend is go into the

04:08

visibility parameter,

04:11

go to the properties

04:13

and

04:14

you can keep the name as visibility one if you like. But for the description

04:20

I'm gonna type in

04:22

tree type because remember this is what's gonna be on the grip drop down.

04:27

So I'm gonna go ahead and test the block.

04:33

So when I click on it,

04:35

I should have my three

04:38

different view parameters.

04:42

And you can see I need to edit

04:45

the palm

04:46

parameter

04:48

because the palm parameter actually shows

04:53

the shrub in it.

04:55

So this is why I recommend

04:58

testing

04:59

the block before

05:03

you save it.

05:05

So I'm gonna go back to the palm

05:08

visibility state

05:11

and I'm gonna make sure

05:14

that I turn

05:16

the shrub

05:18

as invisible

05:20

during that state. So once again, I'll go back and I'll test the block,

05:28

then we'll test each visibility state

05:36

and it looks like

05:39

we're good. So we'll close the test block

05:43

and then remember every time you get done with your edits,

05:47

you wanna go ahead and close the block editor

05:50

and make sure that you save the changes

05:54

to that block.