Continuing my series on new features in CS4, today I will discuss the new Spry Widgets.
We introduced Spry Widgets in CS3 and rounded out the feature set in CS4
For those following along at home, these can be found in Insert > Spry.
We wanted to finish up the form validation widgets that we started in CS3. So for this version we added:
-Spry Validation Password
-Spry Validation Confirm
-Spry Validation Radio Group
We now provide form validation for all the main input types.
The Password widget works in conjunction with a password text field.
This widget if for users that are creating a new password and you want to ensure that it is following the strength rules.
You can use the widget to specify:
-Min and Max characters
-Min and Max numbers or letters
-Min and Max special characters
-Min and Max upper case letters.
The Password Confirm widget is used in the scenario where you have the user enter the password twice to confirm the first one.
Simply bind the Confirm widget to another text entry field and it will validate that they are equal.
The Radio Group rounds out the form widgets by allowing users to validation a radio group. The widget determines if the field is required and can check for empty and/or invalid values.
The last Spry widget we added is the Spry Tooltip. This allows users to add a tooltip to any element on the page.
We add a hook to the ‘trigger’ and then provide a DIV in which developers can add any content they want to act as a tooltip. The dev can then specify where and when the tooltip shows and can edit the default style sheet to tweak the appearance.
The one hidden thing about this feature is a menu item to hide and show the tooltips. Since they show by default for editing, it will get in the way of the basic design.
You can go to View > Show Spry Tooltips to show and hide all the tooltips.
Hope you find these new features helpful.
Thanks for reading,
CS4 Features – Spry Widgets