Welcome Guest Search | Active Topics | Sign In | Register

AjaxUpload: Hiding the progress bar before upload begins Options
HT
Posted: Wednesday, March 19, 2008 10:36:22 AM
Rank: Advanced Member
Groups: Member

Joined: 3/18/2008
Posts: 41
Hello.

I have some problems understanding how the ajax upload works. How can I hide the progress bar until the user starts uploading the file? By default, the progress bar is disabled, not invisible. I want the progress bar to become visible only during the uploading, and invisible again when the upload process completes.

Thanks in advance.

HT
eo_support
Posted: Wednesday, March 19, 2008 11:05:51 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

You will need to edit the uploader's LayoutTemplate to:

1. Remove/hide the default progress bar. Make sure that you hide the progress with DHTML attribute, not by setting its Visible to false;
2. Remove the default Upload button and put in your own upload button;
3. Write JavaScript event handler for your own upload button to trigger the upload by calling the uploader's upload method;
4. Handle the uploader's ClientSideOnProgress event and use JavaScript to update whatever other UI elements you would like to update;

You will need to know JavaScript/DHTML programming well to do this, so it probably won't be worth it if you do not want to get into those. If you are familiar with those, you will find our client API is very useful.

Thanks


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.