Operation Manual

418

USING DREAMWEAVER

Building Spry pages visually

Last updated 3/28/2012

Radio Group widget with empty value radio button.

1 Select the radio button in your Radio Group widget that you want to use for the empty or invalid radio button.

When specifying empty or invalid values for the widget, there must be corresponding radio buttons with those

values already assigned.

2 In the Radio Button Property inspector (Window > Properties), assign the radio button a checked value. To create

a radio button with an empty value, type none in the Checked Value text box. To create a radio button with an

invalid value, type invalid in the Checked Value text box.

3 Select the entire Validation Radio Group widget by clicking the widget’s blue tab.

4 In the Property inspector, specify empty or invalid values. To create a widget that displays the empty value error

message “Please make a selection,” type none in the Empty Value text box. To create a widget that displays the

invalid value error message “Please select a valid value,” type invalid in the Invalid Value text box.

Remember, both the radio button itself and the Radio Group widget must have the none or invalid values assigned for

the error messages to display properly.

Customize the Radio Group widget

Although the Property inspector enables you to make simple edits to a Validation Radio Group widget, it does not

support customized styling tasks. You can alter the CSS for the Validation Radio Group widget so that you can create

a widget that is styled to your liking. For a more advanced list of styling tasks, see

www.adobe.com/go/learn_dw_spryradio_custom_en.

All CSS rules in the topics below refer to the default rules located in the SpryValidationRadio.css file. Dreamweaver

saves the SpryValidationRadio.css file in the SpryAssets folder of your site whenever you create a Spry Validation

Radio Group widget. Consulting this file is helpful because it contains commented information about various styles

that apply to the widget.

Although you can easily edit rules for the Validation Radio Group widget directly in the accompanying CSS file, you

can also use the CSS Styles panel to edit the widget’s CSS. The CSS Styles panel is helpful for locating the CSS classes

assigned to different parts of the widget, especially if you use the panel’s Current mode.