Re: UI recommendations needed
Basically for me I openned up a CFWINDOW with the following code (simplified a lot): The iframe_upload.cfm page will have the UPLOAD code and the UUID will help the uploads be associated to the original form. I think Dan has an idea of using an IFRAME be the target for a form so my example might not be exactly what he meant. However using IFRAME will allow you to UPLOAD content within the AJAX UI layout. For me, the uploads will be saved in a temp directory (which will be cleared regularly) and will only be transferred to the final location once the main form is saved. Hope this helps. >Andy, > >Can you share the code you used for the iframe? > >Thanks ~| ColdFusion 8 - Build next generation apps today, with easy PDF and Ajax features - download now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287800 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: UI recommendations needed
Andy, Can you share the code you used for the iframe? Thanks > Just an update. It seems like it is working. :) I need to tweak it > some more to get the result I want but at least the file is being > uploaded... within a CFWINDOW. > > So IFRAME is the answer. > > Thanks DAN! > > > Thanks Dan, > > > > I haven't really used IFRAME much except to display external sites, > so > > I haven't played with the JS interaction between them. I should give > > > it a try and see if I can get it to solve the upload problem. Will > > tell you how it goes. > > > > Andy > > > > >Andy, > > > > > >>Interesting... I wonder. I used IFRAME to display a PDF file > within > > a > > >>CFLAYOUT (pushing data one way). However I am not sure of the > level > > of > > >>interactivity possible with IFRAME (data going both ways). It > might > > work if > > >>you just want to pass the form information one way to the IFRAME. > > > > > >What I've done in the past is set the "target" attribute of the > > /> tag > > >to point to the . Then whatever script your posting to in > > > the > > > you can just use a JS callback function to notify the > main > > page > > >when the upload is complete. That's a technique that I've used > since > > 1998. > > > > > >-Dan ~| Get the answers you are looking for on the ColdFusion Labs Forum direct from active programmers and developers. http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid-72&catid=648 Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287767 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: UI recommendations needed
Just an update. It seems like it is working. :) I need to tweak it some more to get the result I want but at least the file is being uploaded... within a CFWINDOW. So IFRAME is the answer. Thanks DAN! > Thanks Dan, > > I haven't really used IFRAME much except to display external sites, so > I haven't played with the JS interaction between them. I should give > it a try and see if I can get it to solve the upload problem. Will > tell you how it goes. > > Andy > > >Andy, > > > >>Interesting... I wonder. I used IFRAME to display a PDF file within > a > >>CFLAYOUT (pushing data one way). However I am not sure of the level > of > >>interactivity possible with IFRAME (data going both ways). It might > work if > >>you just want to pass the form information one way to the IFRAME. > > > >What I've done in the past is set the "target" attribute of the /> tag > >to point to the . Then whatever script your posting to in > the > > you can just use a JS callback function to notify the main > page > >when the upload is complete. That's a technique that I've used since > 1998. > > > >-Dan ~| Download the latest ColdFusion 8 utilities including Report Builder, plug-ins for Eclipse and Dreamweaver updates. http;//www.adobe.com/cfusion/entitlement/index.cfm?e=labs%5adobecf8%5Fbeta Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287708 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: UI recommendations needed
Thanks Dan, I haven't really used IFRAME much except to display external sites, so I haven't played with the JS interaction between them. I should give it a try and see if I can get it to solve the upload problem. Will tell you how it goes. Andy >Andy, > >>Interesting... I wonder. I used IFRAME to display a PDF file within a >>CFLAYOUT (pushing data one way). However I am not sure of the level of >>interactivity possible with IFRAME (data going both ways). It might work if >>you just want to pass the form information one way to the IFRAME. > >What I've done in the past is set the "target" attribute of the tag >to point to the . Then whatever script your posting to in the > you can just use a JS callback function to notify the main page >when the upload is complete. That's a technique that I've used since 1998. > >-Dan ~| Check out the new features and enhancements in the latest product release - download the "What's New PDF" now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287541 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: UI recommendations needed
Andy, >Interesting... I wonder. I used IFRAME to display a PDF file within a >CFLAYOUT (pushing data one way). However I am not sure of the level of >interactivity possible with IFRAME (data going both ways). It might work if >you just want to pass the form information one way to the IFRAME. What I've done in the past is set the "target" attribute of the tag to point to the . Then whatever script your posting to in the you can just use a JS callback function to notify the main page when the upload is complete. That's a technique that I've used since 1998. -Dan ~| Get the answers you are looking for on the ColdFusion Labs Forum direct from active programmers and developers. http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid-72&catid=648 Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287515 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: UI recommendations needed
On 8/29/07, Steve Sequenzia wrote: > I am currently working on a small web app and I am struggling with some UI > issues. > > I have in the past liked to use frames (I know) for the general layout. You know, it may seem funny, but you can (using dojo, fer sure others) make a really nice, super-degradable JS app, by falling back to frames when JS isn't available. At least in theory- someday I'll get around to the test. :) Using the same code, even. Slick stuff. Just stick the frameset in the noscript tag... use JS to glom onto the normal links and do ajaxian stuff when they're clicked instead of "normal" (non-js) behavior... Some stuff has to be different, of course, but you could probably get the bulk of it looking pretty similar. If you find that cool. Your frameset skills may still be useful! :-) ~| ColdFusion 8 - Build next generation apps today, with easy PDF and Ajax features - download now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287508 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: UI recommendations needed
Interesting... I wonder. I used IFRAME to display a PDF file within a CFLAYOUT (pushing data one way). However I am not sure of the level of interactivity possible with IFRAME (data going both ways). It might work if you just want to pass the form information one way to the IFRAME. - Andy ~| ColdFusion 8 - Build next generation apps today, with easy PDF and Ajax features - download now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287495 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: UI recommendations needed
>Yeah I tried to change the encoding with JS and it do not work. It just >still errors out with this message: > >"Invalid content type: application/x-www-form-urlencoded. The cffile >action="upload" requires forms to use enctype="multipart/form-data"." > >I think that CF overrides it because it is in a AJAX UI Element. I tested >it using a normal HTML form instead of and it works. But I need to >use a cfform for some other reasons. I haven't looked into the CFMX 8's CFLAYOUT tag, but you the XHR object in browsers does not allow file uploading. Most of the existing JS libraries out there that offer "asynchronous" file uploading do this by actually using an IFRAME created on a the fly and posting the data to the IFRAME instead of via the XHR object. This is the way it works in the jQuery Form plug-in and I believe Prototype and Mootools use the same technique. You could use the same technique for file uploading... -Dan ~| ColdFusion is delivering applications solutions at at top companies around the world in government. Find out how and where now http://www.adobe.com/cfusion/showcase/index.cfm?event=finder&productID=1522&loc=en_us Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287493 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: UI recommendations needed
Yeah I tried to change the encoding with JS and it do not work. It just still
errors out with this message:
"Invalid content type: application/x-www-form-urlencoded. The cffile
action="upload" requires forms to use enctype="multipart/form-data"."
I think that CF overrides it because it is in a AJAX UI Element. I tested it
using a normal HTML form instead of and it works. But I need to use a
cfform for some other reasons.
-Steve
>What if you change the encoding type using javascript?
>
>
>UploadButton.Attributes.Add('onclick','javascript:document.forms[0].enco
>ding = "multipart/form-data";')
>
>
>http://delphi.about.com/od/adptips2004/a/bltip0704_4.htm
>
>M!ke
>
>Andy,
>
>Yes, I am having the exact same problem. When a form is in a Ajax UI
>element (like cflayout and cfdiv) it is submitted asynchronous. The
>encoding type is set to application/x-www-form-urlencoded and it needs
>to be multipart/form-data. According to Ray Camden there is no way
>around this and it is not possible to use cffile to upload a file
>asynchronous.
>
>I have had some suggestions to use a JavaScript or a flash based upload
>but I have not had a chance to try anything.
>
>I think that if you try to use you will have the same problem
>because it is still part of the page and will submit asynchronous.
>
>I think it is kind of crazy to think that with CF8 we have these new
>tags to help with UI development (like cflayout and cfdiv) but you
>cannot upload a file when using them. I understand that it is because it
>is asynchronous, but I think there should be some way to do it.
>
>Who knows.
>
>-Steve
~|
Enterprise web applications, build robust, secure
scalable apps today - Try it now ColdFusion Today
ColdFusion 8 beta - Build next generation apps
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287487
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: UI recommendations needed
What if you change the encoding type using javascript?
UploadButton.Attributes.Add('onclick','javascript:document.forms[0].enco
ding = "multipart/form-data";')
http://delphi.about.com/od/adptips2004/a/bltip0704_4.htm
M!ke
-Original Message-
From: Steve Sequenzia [mailto:[EMAIL PROTECTED]
Sent: Thursday, August 30, 2007 1:24 PM
To: CF-Talk
Subject: Re: UI recommendations needed
Andy,
Yes, I am having the exact same problem. When a form is in a Ajax UI
element (like cflayout and cfdiv) it is submitted asynchronous. The
encoding type is set to application/x-www-form-urlencoded and it needs
to be multipart/form-data. According to Ray Camden there is no way
around this and it is not possible to use cffile to upload a file
asynchronous.
I have had some suggestions to use a JavaScript or a flash based upload
but I have not had a chance to try anything.
I think that if you try to use you will have the same problem
because it is still part of the page and will submit asynchronous.
I think it is kind of crazy to think that with CF8 we have these new
tags to help with UI development (like cflayout and cfdiv) but you
cannot upload a file when using them. I understand that it is because it
is asynchronous, but I think there should be some way to do it.
Who knows.
-Steve
~|
Enterprise web applications, build robust, secure
scalable apps today - Try it now ColdFusion Today
ColdFusion 8 beta - Build next generation apps
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287484
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: UI recommendations needed
Andy, Yes, I am having the exact same problem. When a form is in a Ajax UI element (like cflayout and cfdiv) it is submitted asynchronous. The encoding type is set to application/x-www-form-urlencoded and it needs to be multipart/form-data. According to Ray Camden there is no way around this and it is not possible to use cffile to upload a file asynchronous. I have had some suggestions to use a JavaScript or a flash based upload but I have not had a chance to try anything. I think that if you try to use you will have the same problem because it is still part of the page and will submit asynchronous. I think it is kind of crazy to think that with CF8 we have these new tags to help with UI development (like cflayout and cfdiv) but you cannot upload a file when using them. I understand that it is because it is asynchronous, but I think there should be some way to do it. Who knows. -Steve ~| ColdFusion 8 - Build next generation apps today, with easy PDF and Ajax features - download now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287475 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: UI recommendations needed
Hi Steve, I am using CFLAYOUT (AJAX) for the administration pages to help so a lot of information on a screen and making it easier to work with content. I don't use it for the front end since I want it to be "lighter". Anyways, I am experiencing the same problem with you. You CAN'T as far as I know, upload any files within the CFLAYOUT tag. It keeps complaining about the form encoding format (even when I tried multiple ways to get around it). I had to make a special page to do the file uploading. Ideally it would be to be able to create a CFWINDOW which allows you to upload file(s). Anyone else got sucess with it? Andy > Chris, thanks for the insight. You are correct the frames way is > quicker to develop in but the AJAX way is a nicer user experience. > > Thing is I still have some issues doing it with cflayouts. I guess I > just need to make a decision which way to go. > > I really want to get into Flex, I am just not sure how long it will > take to get up to speed with it enough to pop out a small app. > > Thanks again! > > >My $.02: > > > >The Ajax is going to be far more user-friendly, but about 50 - 100% > more > >work > >The frames work fine, and its easy to target links / forms to it. > > > >If your admin is going to be used by tons of folks, I would spend > the > >extra time on the Ajax version, if its gonna be 2 - 5 people, don't > >waste time and go with the frame approach. > > > > > >Chris Peterson > >Gainey IT > >Adobe Certified Advanced Coldfusion Developer > > > >I am currently working on a small web app and I am struggling with > some > >UI issues. > > > >I have in the past liked to use frames (I know) for the general > layout. > >Here is a simple sample of a layout using frames that I have used in > the > >past: http://demo.thinksys.com/ui/frames/ > > > >On this project I wanted to utilize some of the new CF8 AJAX UI tags. > So > >I designed a layout like this: http://demo.thinksys.com/ui/cflayout/ > >using cflayout. I really like the general layout and the fact that it > is > >asynchronous but I am running into some issue. One major problem I > am > >having now is uploading files (I posted about this). Being that all > the > >forms submit asynchronous cffile does not work. I am also running > into > >some other strange things that are making me rethink this strategy. > > > >I guess what I am looking for is some feedback about what other > people > >are doing for UI development. I know that Flex is very popular but I > >really don't know much about it and have never used it. > > > >Any guidance on this would be greatly appreciated. > > > >Thanks ~| ColdFusion is delivering applications solutions at at top companies around the world in government. Find out how and where now http://www.adobe.com/cfusion/showcase/index.cfm?event=finder&productID=1522&loc=en_us Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287470 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: UI recommendations needed
Chris, thanks for the insight. You are correct the frames way is quicker to develop in but the AJAX way is a nicer user experience. Thing is I still have some issues doing it with cflayouts. I guess I just need to make a decision which way to go. I really want to get into Flex, I am just not sure how long it will take to get up to speed with it enough to pop out a small app. Thanks again! >My $.02: > >The Ajax is going to be far more user-friendly, but about 50 - 100% more >work >The frames work fine, and its easy to target links / forms to it. > >If your admin is going to be used by tons of folks, I would spend the >extra time on the Ajax version, if its gonna be 2 - 5 people, don't >waste time and go with the frame approach. > > >Chris Peterson >Gainey IT >Adobe Certified Advanced Coldfusion Developer > >I am currently working on a small web app and I am struggling with some >UI issues. > >I have in the past liked to use frames (I know) for the general layout. >Here is a simple sample of a layout using frames that I have used in the >past: http://demo.thinksys.com/ui/frames/ > >On this project I wanted to utilize some of the new CF8 AJAX UI tags. So >I designed a layout like this: http://demo.thinksys.com/ui/cflayout/ >using cflayout. I really like the general layout and the fact that it is >asynchronous but I am running into some issue. One major problem I am >having now is uploading files (I posted about this). Being that all the >forms submit asynchronous cffile does not work. I am also running into >some other strange things that are making me rethink this strategy. > >I guess what I am looking for is some feedback about what other people >are doing for UI development. I know that Flex is very popular but I >really don't know much about it and have never used it. > >Any guidance on this would be greatly appreciated. > >Thanks ~| ColdFusion 8 - Build next generation apps today, with easy PDF and Ajax features - download now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287400 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: UI recommendations needed
My $.02: The Ajax is going to be far more user-friendly, but about 50 - 100% more work The frames work fine, and its easy to target links / forms to it. If your admin is going to be used by tons of folks, I would spend the extra time on the Ajax version, if its gonna be 2 - 5 people, don't waste time and go with the frame approach. Chris Peterson Gainey IT Adobe Certified Advanced Coldfusion Developer -Original Message- From: Steve Sequenzia [mailto:[EMAIL PROTECTED] Sent: Wednesday, August 29, 2007 11:03 AM To: CF-Talk Subject: UI recommendations needed I am currently working on a small web app and I am struggling with some UI issues. I have in the past liked to use frames (I know) for the general layout. Here is a simple sample of a layout using frames that I have used in the past: http://demo.thinksys.com/ui/frames/ On this project I wanted to utilize some of the new CF8 AJAX UI tags. So I designed a layout like this: http://demo.thinksys.com/ui/cflayout/ using cflayout. I really like the general layout and the fact that it is asynchronous but I am running into some issue. One major problem I am having now is uploading files (I posted about this). Being that all the forms submit asynchronous cffile does not work. I am also running into some other strange things that are making me rethink this strategy. I guess what I am looking for is some feedback about what other people are doing for UI development. I know that Flex is very popular but I really don't know much about it and have never used it. Any guidance on this would be greatly appreciated. Thanks ~| ColdFusion 8 - Build next generation apps today, with easy PDF and Ajax features - download now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287373 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
UI recommendations needed
I am currently working on a small web app and I am struggling with some UI issues. I have in the past liked to use frames (I know) for the general layout. Here is a simple sample of a layout using frames that I have used in the past: http://demo.thinksys.com/ui/frames/ On this project I wanted to utilize some of the new CF8 AJAX UI tags. So I designed a layout like this: http://demo.thinksys.com/ui/cflayout/ using cflayout. I really like the general layout and the fact that it is asynchronous but I am running into some issue. One major problem I am having now is uploading files (I posted about this). Being that all the forms submit asynchronous cffile does not work. I am also running into some other strange things that are making me rethink this strategy. I guess what I am looking for is some feedback about what other people are doing for UI development. I know that Flex is very popular but I really don't know much about it and have never used it. Any guidance on this would be greatly appreciated. Thanks ~| Enterprise web applications, build robust, secure scalable apps today - Try it now ColdFusion Today ColdFusion 8 beta - Build next generation apps Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:287372 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
