222
CHAPTER 11
8. Keep a close eye on the Properties panel when working with accordions as you will have two
sets of properties depending on what is selected. If the entire Accordion is selected, as shown in
Figure 11-8, then the properties that are presented are for the Accordion as a whole. These properties
include the ID and the layout of the component along with some styling (Figure 11-9). If
just the display area of the Accordion is selected, then the properties of the component in the
display area (a canvas by default) are shown.
Figure 11-9. Properties for Accordion as a whole
9. Add an ID of MyAccordion so that our Accordion is identified. We won??™t be using this, but it is good
practice to add an ID to all components so that they can be modified by code at a later time.
223
CREATING FORMS: THE ???WILL FLEX FOR FOOD??? REGISTRATION PAGE
10. Drag the edges of the Accordion so that it takes up the entire display area of the panel. You can
also set the height and width to 100% to make the Accordion take up the entire display area of
the panel (Figure 11-10).
Figure 11-10. Sizing the Accordion
If you accidentally select just the white display
area of the Accordion (which selects just an
individual pane), click to the left of the plus
sign to select the entire Accordion again. This is
where the cursor is in Figure 11-11.
Figure 11-11. Selecting the entire Accordion
224
CHAPTER 11
Adding panes to the Accordion
To increase the number of panes in the Accordion, click the plus sign in the top-left corner.
Pages:
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159