RE: [ACFUG Discuss] CFLayout with Tabs and Forms
I have played with this as well. I dug into it and figured out how to modify the styles the tag produces. If you need more info on how to override the default styles, let me know Dusty Hale [EMAIL PROTECTED] Sent by: [EMAIL PROTECTED] 05/30/2008 12:34 PM Please respond to discussion@acfug.org To discussion@acfug.org cc 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 - -- 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 - - 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 - - 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 -
RE: [ACFUG Discuss] CFLayout with Tabs and Forms
Yea I didn't mess around with it much. I figured there was probably a way to overcome that. Glad to hear you found it. Thanks and I may take you up on that sometime in the future. I'm on vacation this week and trying not to think about development LOL. I'm sitting here in a bar in Tamarindo, Costa Rica. Just finished a great day of surfing perfect waves :-) _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: 06/02/2008 9:25 AM To: discussion@acfug.org Subject: RE: [ACFUG Discuss] CFLayout with Tabs and Forms I have played with this as well. I dug into it and figured out how to modify the styles the tag produces. If you need more info on how to override the default styles, let me know Dusty Hale [EMAIL PROTECTED] Sent by: [EMAIL PROTECTED] 05/30/2008 12:34 PM Please respond to discussion@acfug.org To discussion@acfug.org cc 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 mailto:[EMAIL PROTECTED] [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 http://www.acfug.org?fa=login.edituserform For more info, see http://www.acfug.org/mailinglists http://www.acfug.org/mailinglists Archive @ http://www.mail-archive.com/discussion%40acfug.org/ http://www.mail-archive.com/discussion%40acfug.org/ List hosted by http://www.fusionlink.com/ FusionLink - -- Howard Fore, mailto:[EMAIL PROTECTED] [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 http://www.acfug.org?fa=login.edituserform For more info, see http://www.acfug.org/mailinglists http://www.acfug.org/mailinglists Archive @ http://www.mail-archive.com/discussion%40acfug.org/ http://www.mail-archive.com/discussion%40acfug.org/ List hosted by http://www.fusionlink.com/ FusionLink - - To unsubscribe from this list, manage your profile @ http://www.acfug.org?fa=login.edituserform http://www.acfug.org?fa=login.edituserform For more info, see http://www.acfug.org/mailinglists http://www.acfug.org/mailinglists Archive @ http://www.mail-archive.com/discussion%40acfug.org/ http://www.mail-archive.com/discussion%40acfug.org/ List hosted by http://www.fusionlink.com/ FusionLink - - 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
RE: [ACFUG Discuss] CFLayout with Tabs and Forms
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 -
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 http://www.fusionlink.com -
[ACFUG Discuss] CFLayout with Tabs and Forms
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 http://www.fusionlink.com -
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 http://www.fusionlink.com -
