15. Create the button and label.
We have now built the layout for the project the way we want it to be when the project first opens.
This is known as the base state. We now want to create a new state to show what we want to make the
layout look like in the next page.
55
WORKING WITH STATES
Creating a new state
In the Design view, the States panel should by default be open above the component??™s Properties. If
this is not visible on your screen, you can open the States panel by selecting Window ?¤ States, as
shown in Figure 3-16.
Figure 3-16. Seleting the States option to make
the States panel appear
16. Here, create a new state for our project (Figure 3-17).
Figure 3-17. The States panel, with the New State button
highlighted
56
CHAPTER 3
17. Name the state and assign the state you want it to be based on.
In this case, it is easy since we only have one previous
state, the base state (Figure 3-18).
At first, very little will appear to have changed. Our
layout still looks identical. This is because this new
state is based off our previous state. But the changes
that we perform on this new state will not affect the
original base state.
Figure 3-18. Creating a new state
18. For this new state, remove the TextArea, the Send me an email button, and the About me label
to make room for the layout of an e-mail form (Figure 3-19).
Figure 3-19. The beginning layout for the ContactMe state
When you want to make changes to a new state, just make sure that the new state is
selected in the States panel and that you are not making unwanted changes to your
original states!
57
WORKING WITH STATES
To create the new layout, let??™s use the Form component.
Pages:
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63