Thanks for all the thoughts, guys!
One thing I figured out was to put the <form> tag outside of the CFlayout
like this:
<form>
<cflayout>
All the cflayout stuff & include files
</cflayout>
</form>
Before, I had the <form> tags in each of my include files, so when it got
submitted, I ended up with multiple forms. By putting the <form> outside of
the cflayout, I never get anything but my one form!
I found a great blog post at:
<http://www.coldfusionguy.com/ColdFusion/blog/index.cfm/2007/11/12/CF8-AJAX-
Features-CFLayout-Typetab--Saving-Selected-Tab-State-In-Session>
This explains how to maintain the tab state by creating an addTabChange
listener in Javascript. You have to do this or otherwise it will go back to
the first tab after every submit. Then, all I had to do was put the form
submission Javascript in the listener, document.forms.submit() just like
Howard suggested.
I haven't tried this in IE6, but it is working great in IE7 and FireFox.
One more thing. I found out you can style the tabs!
http://blog.dkferguson.com/index.cfm/2007/8/6/CFLAYOUT-transparent-tabs
<http://developer.yahoo.com/coldfusion/>
http://developer.yahoo.com/coldfusion/
(Adobe uses the Yahoo JavaScript libraries in CF, and Yahoo has this page
with articles, code samples, etc.)
You can also play around with the styles for .x-tabs-right and .x-tabs-left
to make your tab colors match the site.
Thanks again for the help, and I hope this info is useful to someone.
Clarke
_____
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Dusty Hale
Sent: Friday, May 30, 2008 12:31 PM
To: discussion@acfug.org
Subject: RE: [ACFUG Discuss] CFLayout with Tabs and Forms
I played around with it a little. Works great in FireFox. Very buggy in IE
6.
Dusty
_____
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Howard Fore
Sent: 05/29/2008 10:53 PM
To: discussion@acfug.org
Subject: Re: [ACFUG Discuss] CFLayout with Tabs and Forms
I haven't played with CFLayout but what you want to do is to call the submit
method on the form in Javascript. So if the HTML has two forms, foo and bar,
and you wanted to submit the foo form, you'd call document.foo.submit(). If
the forms aren't named, you'll have to call them in the forms array like
document.forms[1].submit().
Howard
On Thu, May 29, 2008 at 9:51 PM, Clarke Bishop <[EMAIL PROTECTED]>
wrote:
So, now that I've figured out how to secure the page, I'm working on a
multi-part form.
I came across the new <CFLayout> tag in CF8 and it lets you setup a number
of Tabs that can each contain different content. I already had my multi-part
form broken into separate include files, so I just specified the include for
each tab and it looks great!
The only thing is I want to submit the included form whenever the tab
changes. I found a way to add a listener and capture the TabChange event,
but it seems to be adding multiple form objects to the DOM, and I haven't
been able to find a way to submit the correct form yet.
When I started playing with <CFLayout>, I wasn't planning to get sucked into
Ajax/Spry. But, the tabs just look so cool!
So, has anyone done anything like this? Also, any pointers on how to
troubleshoot this kind of problem. I've started trying to use FireBug, but I
still need to learn to use it better.
Thanks for any ideas!
Clarke
-------------------------------------------------------------
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform
For more info, see http://www.acfug.org/mailinglists
Archive @ http://www.mail-archive.com/discussion%40acfug.org/
List hosted by FusionLink <http://www.fusionlink.com>
-------------------------------------------------------------
--
Howard Fore, [EMAIL PROTECTED]
"The universe tends toward maximum irony. Don't push it." - Jeff Atwood
-------------------------------------------------------------
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform
For more info, see http://www.acfug.org/mailinglists
Archive @ http://www.mail-archive.com/discussion%40acfug.org/
List hosted by FusionLink <http://www.fusionlink.com>
-------------------------------------------------------------
-------------------------------------------------------------
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform
For more info, see http://www.acfug.org/mailinglists
Archive @ http://www.mail-archive.com/discussion%40acfug.org/
List hosted by FusionLink <http://www.fusionlink.com>
-------------------------------------------------------------
-------------------------------------------------------------
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform
For more info, see http://www.acfug.org/mailinglists
Archive @ http://www.mail-archive.com/discussion%40acfug.org/
List hosted by http://www.fusionlink.com
-------------------------------------------------------------
