GREATINTERNETPROOFING.COM

printing proofs - www.greatinternetproofing.com

Menu


Lists and Menus Aside from simply adding Checkbox and Radio Button form objects, you can also add Listboxes and Drop Down Menus. You can


use the Listbox form object to add a scrollable boxed pane that contains numerous values. Depending on how you configure the Listbox, users navigating the Listbox can hold down the Ctrl key and click to select multiple options within the list. Alternatively, you can use the Drop Down Menu form object as a way of storing numerous values in one expandable and collapsible menu. To demonstrate the use of these form objects, follow these steps: 1. Place your cursor in the sixth cell of the first column and enter the text If Hardware Related:. 2. Place your cursor in the sixth cell of the second column and click the List/Menu icon in the Insert bar to add a new List/Menu form object to the table's cell (see Figure 9.10). Figure 9.10. Add a new List/Menu form object to the page. [View full size image] Because Drop Down Menu and Listbox form objects share common properties, they're added as a single object and configured as either a Drop Down Menu or Listbox in the Type radio group in the Properties Inspector. However, the Type option isn't the only property exposed by the List/Menu-based Properties Inspector: List/Menu name: Enter the unique name to be given to the Drop Down Menu or Listbox form object in this text box. Because we're currently working with a Drop Down Menu, let's name it hardwarerelated. Type: Select an option from this radio group to convert the form object to a Drop Down Menu or a Listbox depending on the selection. Selecting the List option enables the Height text box and Selection check box. For now, keep the object we're configuring as a Drop Down Menu. Height: When the List Type is selected, enter a value in this text box to set the number of items displayed in the list. Selections, Allow Multiple: When the List Type is selected, enable this check box to indicate whether the user can select multiple items from the list. List Values: Click this button to launch the List Values dialog. In this dialog, you'll enter the list of items to be displayed in the List/Menu object. Class: When working with CSS, select a class from this menu to set the overall style of the List/Menu object. We'll leave ours blank. Initially selected: The values you add in the List Values dialog also appear in this list box. You can set which value should be initially selected when the form page loads for the first time by selecting that value from this list. Now that we've appropriately named our Drop Down Menu object, let's add some values. To do this, click the List Values button. The List Values dialog appears. Similar to the Radio Group dialog, the List Values dialog allows you to Add (+), Remove (), and reposition values within the list. By default, the dialog loads with the first line in the Item Label column highlighted. You can add the first item by simply typing into the outlined box. I'll add the text Computer as the first Item Label and leave the Value column blank. NOTE Each item in the list has a label (the text that appears in the list) and a value (the value that's sent to the processing application if the item is selected). If no value is specified, the label is sent to the processing application instead.   Now add three more items by clicking the Add (+) icon and adding the text Keyboard/Mouse, Monitor, and Speakers. When you finish, the List Values dialog will resemble Figure 9.11. Figure 9.11. Add four values to your Drop Down Menu.