GREATINTERNETPROOFING.COM

navy seal drownproofing - www.greatinternetproofing.com

Menu


1. Place your cursor in the fifth cell of the first column and enter the text Problem Type:. 2. Place your cursor in the fifth


cell of the second column and click the Radio Button icon in the Insert bar to add a new Radio Button form object to the table's cell. 3. Place your cursor to the right of the Radio Button and enter the text Hardware. 4. Repeat steps 2 and 3 one more time, adding a second Radio Button form object with the label Software. When you finish, the page should resemble Figure 9.8. Figure 9.8. Add one more Radio Button with the text Software. [View full size image] Notice that selecting a Radio Button form object exposes a set of customizable properties within the Properties Inspector: Radio Button name: Enter the unique name of the Radio Button form object in this text box. For the most part, you'll want to enter the same name for all Radio Button form objects relating to a specific group. Because we have two Radio Button objects that relate to a problem type, we'll name them both problemtype. This arrangement allows the application that will process this form to iterate through the Radio Button group and return the checked value. Checked value: The value you enter here is the value that is sent to the server for processing. For our Radio Button objects, we'll want to enter the values Hardware and Software, respectively. Initial state: You can set the state of the Radio Button form object to either checked or unchecked when the form page loads for the first time. Because we want to guarantee that a user selects one option, we'll make the Software Radio Button checked initially. Class: When working with CSS, select a class from this menu to set the overall style of the Radio Button form object. We'll leave ours blank. In our example, we've simply added two Radio Button form objects. However, suppose that you needed to insert a large list of Radio Button objects on the page. Doing them individually would be tedious work and might discourage you from using Radio Buttons. Instead of adding Radio Buttons individually, you might want to consider using the Radio Group option available by clicking the icon next to the Radio Button icon in the Insert bar. Selecting this option opens the Radio Group dialog (see Figure 9.9). Figure 9.9. Use the Radio Group dialog to add long lists of Radio Button form objects to your form.   The Radio Group dialog exposes the following properties: Name: In this text box, enter the unique name to be given to all Radio Buttons in this group. Radio buttons: Use this pane to add new and remove or reposition existing Radio Buttons within the group. By default, the pane automatically includes two Radio Button form objects. To add a new Radio Button to the list, click the Add (+) icon. To remove a Radio Button from the list, click the Remove () icon. After the Radio Button is in the list, you can change the text label by simply clicking in the area of the Label column for the specific Radio Button. You can change the checked value by clicking in the area of the Value column for the specific Radio Button. Lay out using: Choose an option from this radio button group to set the layout of the Radio Button form objects on the page. Select the Line Breaks option to set the vertical positioning of Radio Buttons such that each Radio Button is spaced from the previous Radio Button using a line break (<br> tag). Select the Table option to position your Radio Buttons and text labels in an HTML table.