This topic is locked

Progress Bar During File Uploads

2/20/2013 8:20:26 AM
PHPRunner General questions
H
herb200mph author

Is there any way to add code that will display a progress bar when a "file upload" is being used.
Even something simple that will display in the middle of the page showing the upload progress via % or analog bar would be sufficient.
Our clients client's will be uploading files and based on their connection speed, have no way to telling whether the upload is working, or what the progress of the upload is showing.
Any code available for that?

C
cgphp 2/20/2013

PHPrunner 6.2 just includes a progress bar when a "file upload" is being used.

H
herb200mph author 2/20/2013

We are using Version 6.2, Build 14944.
Where in the field item properties do we turn it on, or does it work automatically?
We are not seeing it during file uploads in FireFox.
Also, where are the settings for the visual part of the progress bar?

H
herb200mph author 2/20/2013

Just checked.
FF = no progress bar shows.
IE9 = no progress bar shows.
Chrome = progress bar, lower left, shows progress as a % value.
Why does it not display on FF and IE browser windows.

C
cgphp 2/20/2013

There are no settings for progress bar. Under the "Upload" and "Cancel" buttons, on the add/edit page, when you start the upload you should see a green progress bar. It works fine in Firefox (19) as well.

H
herb200mph author 2/20/2013

For buttons, we have a "Save Draft for Later Editing" and no specific button for UPLOAD.
What is the distinction and how is an upload button invoked for a document upload field?

C
cgphp 2/20/2013

Could you post some screenshots of your add/edit pages?

H
herb200mph author 2/20/2013

We have 5 SECTIONS for the form.
SECTION 4 requires that 4 files be included in the submission.
Screen shot attached. - ADD and EDIT pages are the same.

H
herb200mph author 2/20/2013

There is a file in the /templates/ folder called "loadindicator.htm" which has display code and css in it.
Could that be it?
And, if so, how do we force it to appear on screen for all browsers?

Admin 2/20/2013

You need to enable multiple files upload functionality in PHPRunner.

More info: http://xlinesoft.com/phprunner/docs/edit_as_settings_file_image.htm

H
herb200mph author 2/20/2013

We are able to upload multiple files so that isn't an issue.
How do we enable PHPR to invoke the reference in the last posting.
There are no settings available or information from the link.
Everything is working fine except the progress bar is not displaying as explained in previous.
Is the an on/off toggle somewhere that will turn on the progress bar?

C
cgphp 2/20/2013

Progress bar works for multiple files upload functionality. In the editor, reset you page and enable the multiple files upload functionality. There is no toggle.

H
herb200mph author 2/20/2013

Can someone post a screen shot of what this setting looks like.
All we see is a setting for "Maximum number of files to store" on the field's properties page.
When the "compatibility mode" is selected, the above is greyed-out and not accessible.
Simple put:
How/Where is the "enable the multiple files upload functionality" to be enabled at?????

C
cgphp 2/20/2013

Uncheck the "compatibility mode" option and set "Maximum number of files to store" option to 1 or N (where N is the number of files you allow to upload for each record). Rebuild your project and you should see the progress bar when you upload the files.

H
herb200mph author 2/20/2013

That did it!
There are many things in this particular function area that are not: 1) obvious, and 2) intuitive.
We are testing the upload process now and it appears to be working.
YES ... the progress bar is showing along with file info during the upload.
It is sort of clumsy tho, in that one UPLOAD trigger does not fire all four uploads at the same time.
Anyway, thanks Sergey, and Christian for your help and input, and breaking down to a simple instruction.
Thanks once again.

H
herb200mph author 2/20/2013

Now that the file uploading and progress bar is working, we have another issue.
After uploading a PDF document in the EDIT mode, we get the following gibberish when doing a VIEW of the record.


We get similar garbled code with any file type that is uploaded.
The "view as" for this field in the VIEW pages is set to "hyperlink" to display the filename as a link.
However, what is displayed is the above code (from a screen shot).
How the heck do we fix this one?

C
cgphp 2/20/2013

Set the VIEW page as File.

H
herb200mph author 2/20/2013

The goofy code only appears when operating the file uploads in non-compatibility mode.
In compatibility mode, the filename is displayed as a link, and the link works correctly.

C
cgphp 2/21/2013

Did you set the VIEW page as File?