Spry User Guide - Support - Adobe

2 Change the width property to a desired width, or change the property to auto to remove a fixed width, and add
the property and value white-space: nowrap; to the rule.
3 Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
4 Change the width property to a desired width (or change the property to auto to remove a fixed width).
5 Locate the ul.MenuBarVertical ul li or ul.MenuBarHorizontal ul li rule.
6 Add the following properties to the rule: float: none; and background-color: transparent;.
7 Delete the width: 8.2em; property and value.
Position submenus
The position of Spry Menu Bar submenus is controlled by the margin property on submenu ul tags.
1 Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
2 Change the margin: -5% 0 0 95%; default values to the desired values.
Working with the Validation Text Field widget
SPRY
User Guide
Validation Text Field widget overview and structure
A Spry Validation Text Field widget is a text field that displays valid or invalid states when the site visitor enters text.
For example, you can add a Validation Text Field widget to a form in which visitors type their e-mail addresses. If
they fail to type the @ sign and a period (.) in the e-mail address, the widget returns a message stating that the information
the user entered is invalid.
The following example shows a Validation Text Field widget in various states:
A
B
C
D
A. Text Field widget, hint activated B. Text Field widget, valid state C. Text Field widget, invalid state D. Text Field widget, required state
The Validation Text Field widget includes a number of states (for example, valid, invalid, required value, and so on).
You can alter the properties of these states by editing the corresponding CSS file (SpryValidationTextField.css),
depending on the desired validation results. A Validation Text Field widget can validate at various points—for
example, when the site visitor clicks outside the widget, when they type, or when they try to submit the form.
Initial state When the page loads in the browser, or when the user resets the form.
Focus state When the user places the insertion point in the widget.
Valid state When the user enters information correctly, and the form can be submitted.
Invalid state When the user enters text in an invalid format. (For example, 06 for a year instead of 2006).
44