Problem with NeatUpload in Firefox

This is the place to report bugs and get support. When posting in this forum, please always provide as much detail as possible.

Please do not report problems with a custom build or custom code in this forum. If you are producing your own build from the source code and have problems or questions, ask in the developer forum, do not report it as a bug.

This is the place to report bugs and get support

When posting in this forum, please try to provide as many relevant details as possible. Particularly the following:

  • What operating system were you running when the bug appeared?
  • What database platform is your site using?
  • What version of mojoPortal are you running?
  • What version of .NET do you use?
  • What steps are necessary to reproduce the issue? Compare expected results vs actual results.
Please do not report problems with a custom build or custom code in this forum. If you are producing your own build from the source code and have problems or questions, ask in the developer forum.
This thread is closed to new posts. You must sign in to post in the forums.
10/15/2012 5:18:37 PM
Gravatar
Total Posts 92

mojoPortal Hosting & Design @ i7MEDIA!

Problem with NeatUpload in Firefox

I'm not sure if this has be reported before but I thought I would make sure it's on record.  When using NeatUpload in Firefox the embedded flash has a background color of white so it doesn't show the button underneath - at least that is my theory.  I've played with it a bit such as changing the opacity but it did nothing.  It's fine in IE7-9 (most likely 10 as well), Chrome 21+, Safari 5+ and Opera 12+.  It's only in Firefox that the issue appears.

Here's a screenshot of what I see rendering in Firebug: http://i.imgur.com/tPf6J.png

And here is the hiding button: http://i.imgur.com/ZkXBa.png

-Elijah

10/17/2012 1:54:17 PM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

I think Firefox is putting out automatic updates too fast and releasing buggy versions myself.

This is an odd one that I have not been able to figure out a "good" solution for, but with some experimenting I found that by adding this in the css:

.fileupload embed { background-color:inherit !important; padding:9px 9px 9px 9px; }

the button is partially visible but still has a white line through it and for it to work you have to click right on the white line part of the button because that is the actual flash object. It just seems the flash object itself is white in Firefox obscuring the button which should show through it like in other browsers.

Wish I had a better solution but at the moment I don't and the above fix doesn't seem to have any negative side effects in other browsers.

Best,

Joe

3/21/2013 7:35:07 PM
Gravatar
Total Posts 83
-- Joe

Re: Problem with NeatUpload in Firefox

Just ran into the same issue... the "Add File" button on the Shared Files feature doesn't display in Firefox.  

FYI - currently this is still an issue using Firefox v20.0 (all add-ons disabled)

To do more testing I installed Firefox 20 BETA (Funnelcake Mar 2013) and its still a problem in that version.

I am guessing that maybe a solution for this will be needed or it will never work in Firefox.

If you have any new suggestions I would love to know of them.

Thanks -- Joe Vago

3/22/2013 9:49:09 AM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

Hi Joe,

To be honest since the original developer of NeatUpload stopped supporting it in May of 2010 and I don't really feel capable of fixing the problem or maintaining it long term, I'm leaning towards removing NeatUpload from the next release of mojoPortal and investigate using the Ajax file upload from the ajaxcontroltoolkit

Best,

Joe

3/22/2013 10:46:15 AM
Gravatar
Total Posts 2253

Re: Problem with NeatUpload in Firefox

I took a look at the Flash used for this and I think I could fix this but I am not sure if that's the appropriate path to take. The problem with the Flash is that Firefox doesn't handle the wmode properly and it's been this way for a while. I think if we can get away from Flash dependency for our file uploads, that would be the best solution. AjaxFileUpload looks promising, especially with it's drag and drop functionality, HTML5 features, and inline progress indications.

That's my 2 cents, if it's worth that. :-)

Thanks,
Joe D.

3/22/2013 10:58:38 AM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

I think NeatUpload is using an older version of swfupload, which itself is no longer actively developed. Updating NeatUpload to even the last update of swfupload might fix it but would be significant work requiring changes in NeatUploads C# code and the generated javascript produced by it which also would require a deep understanding of how NeatUpload really works.

Since the progress bar is really the only key advantage of NeatUpload and since the ajax file uploader does show progress in modern html 5 browsers it seems promising as a go forward plan. I just need to implement it in one feature first as proof of concept to make sure it doesn't require page methods and can be used inside UserControls where page methods cannot be used. 

Getting rid of NeatUpload wouild also mean we no longer need different web.config for medium trust which would be nice and the ajax uploader progress bar would work even in medium trust as long as the browser supports it where we currently cannot use NeatUpload.

3/22/2013 3:31:58 PM
Gravatar
Total Posts 83
-- Joe

Re: Problem with NeatUpload in Firefox

For what its worth - I think using the Ajax file upload from the ajaxcontroltoolkit is a great idea.

Thanks for the attention -- Joe Vago

 

3/25/2013 2:17:14 PM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

Looks like I'll have to rule out the ajaxcontroltoolkit AjaxFileUploader. It looked promising but in trying to integrate it in the Shared Files feature I encountered several limitations that I could not solve.

  1. if you have more than one on a page only the first one works. ie if I put 2 instances of Shared Files on a page and try to upload in the bottom one the file is uploaded in the top one
  2. the state of other controls is not available at all in the file upload postback so it was impossible to upload a file in a folder within Shared Files because the current folder id could not be obtained. The documentation for it shows a property ContextKeys which supposedly allows you to pass some extra values with the upload but in fact it does not work and was not implemented so the documentation is just wrong. This is verified by google search of others trying to figure out how to make it work and by looking at the actual source code of the uploader it doesn't use the property anywhere.

I'm going to have to look at other options.

Best,

Joe

3/27/2013 9:15:27 AM
Gravatar
Total Posts 92

mojoPortal Hosting & Design @ i7MEDIA!

Re: Problem with NeatUpload in Firefox

Joe,

I don't know if this will help or not, but I've run into a couple of Multi-File Uploader solutions that might at least give you some ideas:

jQuery Solution

Flash Solution

List Box Solution

Another jQuery Solution (Similar to the Flash Solution)

Again, I have no idea if it will help or if these even will be secure enough, but I thought I would at least throw those out there.

Have a good one,

-Elijah

3/27/2013 10:54:48 AM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

I'm leaning toward building one with this blueimp one, at the moment but will be doing some prototyping and proof concept before making a final decision. I'm inclined to not use Flash and not worry too much about older browsers in terms of supporting progress bars and multi file selection.

I've also looked at uploadify but only their flash version has a compatible license and I'd rather not use or depend on flash. Their html 5 javascript one has a commercial license that is not compatible.

The fyneworks sounds good reading about it but multi file selection doesn't seem to work for me in Chrome on their example page so I'm not inclined to try working with it.

3/29/2013 8:44:13 AM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

My preliminary proof of concept work with the blueimp jquery file upload is looking promising though it will require implementing service pages for posting the uploaded files for the various features where it will be used. Multi file selection and progress bar work in the latest versions of IE, FF,  and Chrome with no need for flash and there will be no medium trust problems. I've still got some more work to do on it before I can start integrating it in mojoPortal but I like how it is working so far.

4/9/2013 3:24:24 PM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

I've just updated the demo site with the new file uploader if anyone wants to check it out. In modern browsers it supports drag and drop and a progress bar, no flash is used.

4/9/2013 3:40:49 PM
Gravatar
Total Posts 92

mojoPortal Hosting & Design @ i7MEDIA!

Re: Problem with NeatUpload in Firefox

Looks awesome Joe.  I'm just glad to get rid of NeatUpload. lol  Just curious, but what led you to using to div elements for the progress bar instead of a HTML5 progress element?

4/9/2013 3:48:02 PM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

I'm using jQueryUI progress bar which I was already familiar with using in the Newsletter send and since we already have it built in. It does depend on browser support for file upload progress but provides a consistent ui across supported browsers. Actually didn't know there was such a thing as progress element in html 5, that is interesting, might have to try it.

4/9/2013 4:08:45 PM
Gravatar
Total Posts 92

mojoPortal Hosting & Design @ i7MEDIA!

Re: Problem with NeatUpload in Firefox

Ok, like I said, I was just wondering.

Yeah, there are a lot of new elements in HTML5. It's not hard to miss it if you aren't digging around for it. Here's a few links to some info on the progress element:

http://caniuse.com/progressmeter (Browser Support)
Styling Progress Elements (This demo works in WebKit browsers only)
http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/ (A year old post, but it's still applicable)
http://css-tricks.com/css3-progress-bars/ (This doesn't use the progress element, but you can use his style for it if you wanted)
http://html5doctor.com/the-progress-element/

I've been going through your development videos lately, so how you made the uploader sparks my interest. What files can I look at to see what you've done?

4/9/2013 5:54:12 PM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

Hi Elijah,

For your intertest...

There is basically a configurable control that inherits from the standard asp.net FileUpload control but then the input for that is replaced by javascript, so if javascript is disabled in the web browser it can still work using normal form post with the file to upload. But the javascript uses a service url which is feature specific and implemented for each feature that uses it to enforce the needs and security requirements that vary by the specific feature. So each feature has a fallback implementation to handle the upload in the page or usercontrol that would be used if javascript was disabled but generally the upload will be handled by the service url. For cms features there is a base class for the upload hander to enforce some common security logic for page and module edit permissions.

To see the bare bones of it though, there is a new web project in the source code for prototype work and I first implemented the control there, there is this example page that hosts the control as well as an example service url to handle the file upload with no security since it is only meant for proof of concept on a dev machine. This prototype web project is much more light weight than running the large mojoportal solution. There are still a few things I need to finish on the upload control before the next release though, even though I've gone ahead and replaced NeatUplaod with  it.

You can test the no javascript fallback in the prototype project by putting the local dev url for it in the restricted zone in IE which blocks javascript.

The css for this was added to the /Data/style/common/style.css

Best,

Joe

4/9/2013 7:41:07 PM
Gravatar
Total Posts 92

mojoPortal Hosting & Design @ i7MEDIA!

Re: Problem with NeatUpload in Firefox

Thanks Joe! I appreciate the info.

One thing real quick, I noticed a typo for the  .CS sheet. "jQeuryFileUpload.cs".  The "u" and "e" are mixed around in both the name and the public class.

Thanks again!
-Elijah

4/10/2013 9:41:36 AM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

Man, I am constantly transposing characters like that and not noticing it, I really must have some form of dyslexia. I just corrected this in the source code repository.

Thanks,

Joe

4/10/2013 1:38:02 PM
Gravatar
Total Posts 83
-- Joe

Re: Problem with NeatUpload in Firefox

Joe,

This file upload solution is outstanding!  And I believe there are more features that the previous version.

One question - the "Select Files..." span doesn't seem to use the CSS for buttons (art-buttons).  Was that by design? 

Thank you for this great fix/update!  Cant wait to use it in the next release of MojoPortal.

-- Joe Vago

4/12/2013 12:44:24 PM
Gravatar
Total Posts 18439

Re: Problem with NeatUpload in Firefox

Hey Joe,

I've updated it to be able to support Artisteer button style and updated the demo site and related skins.

Best,

Joe

4/12/2013 1:48:28 PM
Gravatar
Total Posts 83
-- Joe

Re: Problem with NeatUpload in Firefox

As always, you rock Joe!

Thanks again

-- Joe Vago

You must sign in to post in the forums. This thread is closed to new posts.