CF Spry Forms Beta .8

I released a new version of CF Spry Forms today. This release includes the update to Spry 1.5 as well as: Radio Button widget, Autosuggest widget, autosuggest functionality added to the Textfield widget, Documentation added, and some small bug fixes.

http://cfspryforms.riaforge.org

CF Spry Forms

I packaged up my Spry 1.4 custom tags and made it a project on riaforge

http://cfspryforms.riaforge.org/

Theres also a shoddy demo site I'm working on (I swear) at: http://cfspryforms.danakowalski.com

CF Spry Forms alleviates the need to write any of the javascript involved with using Spry form validation widgets. You simply use a custom tag or cfmodule and some input parameters.

There is a built-in help and debugging in each tag and some shoddy documentation. Check it out and let me know what you think so far.

so busy

I had so many things I wanted to do under this domain but best of intentions yada yada.

I've been learning jquery a bit more, I picked up another book in the head first series to help my OO skills since their seriously lacking. I've also been playing with modifying a project I started a long time ago and adding in spry and reworking it.

I'd have much less time if a certain team would turn the corner on that losing decade.

Spry 1.4 Tabbed Panel Documentation Error

the tabbed panels example looks like this:

<div class="TabbedPanels" id="tp1">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">Tab 1</li>
<li class="TabbedPanelsTab">Tab 2</li>
<li class="TabbedPanelsTab">Tab 3</li>
<li class="TabbedPanelsTab">Tab 4</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Tab 1 Content</div>
<div class="TabbedPanelsContent">Tab 2 Content</div>
<div class="TabbedPanelsContent">Tab 3 Content</div>
<div class="TabbedPanelsContent">Tab 4 Content</div>
</div>
</div>
<script>
var tp1 = new Spry.Widget.TabbedPanel("tp1");
</script>

If you cut and paste it doesn't work. The fix is the lack of 's' on the constructor and a lot of the classes (Spry.Widget.TabbedPanel needs to be TabbedPanels etc)

Here is a fresh cut and paste you can use instead:

<div class="TabbedPanels" id="tp1">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">Tab 1</li>
<li class="TabbedPanelsTab">Tab 2</li>
<li class="TabbedPanelsTab">Tab 3</li>
<li class="TabbedPanelsTab">Tab 4</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Tab 1 Content</div>
<div class="TabbedPanelsContent">Tab 2 Content</div>
<div class="TabbedPanelsContent">Tab 3 Content</div>
<div class="TabbedPanelsContent">Tab 4 Content</div>
</div>
</div>
<script>
var tp1 = new Spry.Widget.TabbedPanels("tp1");
</script>

also note the examples and demos etc aren't consistent with each other as one has css classes wrong, the other has the contructor wrong etc. enjoy

Alternating Row Colors in Spry 1.4

new to spry 1.4 is the move away from needing to use {ds_EvenOddRow} and the same class names. You can now use the attributes spry:even and spry:odd in your dynamic region

Example:

<tr spry:repeat="dsNewsList" spry:even="evenClassName" spry:odd="oddClassName">

There is also no need to use them both as a requirement either, so you can set one but keep the other based on your css defaults. 1.4 gets better and better the deeper I go in the documentation!

Spry 1.4 Form Validation Widgets

I have a very simple example of using the textfield and textarea validation widgets on my contact form.

So far I don't see any common shared spry files anywhere, but rather a collection of .js files that overlap functions. I ended up going through the textfield and textarea js files and merging them into spry.js to remove the clutter of duplicate functions. Seems like there should be an easier way to do that. Have you found one ?

Spry 1.4 released

The Spry team at Adobe put out Spry pre-release v1.4 a few days ago. I'm still surface deep in reading all the documents and tinkering.

  • new form widgets
  • new content reloading
  • other flashy stuff

go get it!