Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Vivek Vardhan
250
Do not want to show upload progress bar
posted

HI,

I am using infragistics file upload, but i do not want to show the progress bar. I tries using clearAll, at the time of fileUploaded event is  called, but it is also not clearing the upload bar. It clears, when user select another file to upload. The upload bar is unnecessarily taking some space in UI. 

What i need is when user select file to upload, the data is added to grid, but instead of progress information, a dialog box saying file data is uploaded to grid can be shown, which will be more simpler. How can i achieve it? 

  • 23953
    Verified Answer
    Offline posted

    Hello Vivek,

    You can hide the progress bar using CSS. For example if your igUpload has an ID of "up1" then the CSS should be:

    <style>
    #up1 .ui-igupload-progress-container, #up1 .ui-igupload-container
    {
    display: none;
    }
    #up1 div.ui-widget-content
    {
    border: 0px;
    }
    </style>

    You may also want to change the "Add" button label to "Upload File" by setting the "labelAddButton: 'Upload File'".

    I'm attaching a sample for your reference.

    Hope this helps,
    Martin Pavlov
    Infragistics, Inc. 

    igUpload_hide_progressbar.zip