Webstudio TV

Checkboxes are little squares that are used to offer a yes/no option. Since users can check more than one checkbox, you may want to include instruction such as, “Check all that apply”. 

Radio buttons are little round boxes that are like checkboxes except that only one can be selected in a group. When one is selected, the others are automatically turned off.

Add a radio button

• Click on Forms >  Radio Buttons > Radio Button. This places a radio button on the page and opens the Object Properties dialog.
• Choose options for the checkbox or radio button in the Object Properties dialog. See an explanation of options below.
• Click OK.
• Repeat for each radio button you need.

To reopen the Properties dialog, double click on the checkbox.

Choose options in the Form Object section for the radio button

Object Info

ID Number. Web Studio assigns an object ID number to the field.
Tab Order.  This displays the tab order assigned to the field. See Assigning the Tab Order later in this chapter.

Position

Position.  The field position from the left and top margins is measured in pixels.
Disable.  This disables this form element. Use Javascript to enable this.

Label Properties for Form Control

Label.  Fill in the text that will be displayed on the form next to the radio button.
Position.  Choose to position the label on the left of the field, the top of the field or have no label at all.
Background Color.  This is the background color of the field label.
Font.  Choose a font style.
Text Color.  Choose a text style.
Custom Script (Advanced)

Use this for any scripting that is necessary to customize the form’s look or behavior.

Choose options in the Radio Button Section

Radio Button Properties

Group Name.  Fill in a name that identifies this specific field. Every radio button in a group must have the same group name.
Value.  This is information that is sent in the e-mail that defines the field. For instance, this field could be Yes if the Name field is Contact

The Name field is not the same as the Label field.
Label information is the text next to the field that identifies the field to the users. For instance, Address is a field label.
Name and Value information is what you receive in your e-mail.

Initial State.  Fill in whether you want the checkbox to display on the page Checked or Not Checked. By the way, this option uses a radio button.

Radio Button Background Color

Background.  Choose a background color for the label of the radio button.

Group the Radio Buttons

Radio buttons are designed to work in groups. When you group the buttons, it limits the users to one choice in the group. Order forms, for instance, may have a size group and a color group. Using radio buttons prevents users from choosing more than one size or one color for one item.

• Hold down the shift key and click on each radio button in the group.
• Click on Forms > Radio Buttons > Group Radio Button. This opens the Grouping Radio Buttons dialog.

•   Enter a name for the group and then click OK.

img src=”http://webstudiotv.com/wordpress/wp-content/uploads/2009/08/infoblue.gif” alt=”info” width=”32″ height=”32″ class=”wp-image-147″ style=”border-width:0px;background:transparent;” /> Note about naming buttons and groups
The information from the form comes to as a list of data; you do not see the form itself. The name that you give buttons and groups is important because these names define the data that you receive in the e-mail.