radasyncupload progress bar thicker

[Andres]

How can I make radasyncupload progress bar thicker in Lightweight render mode?

I found this:

http://www.telerik.com/forums/to-make-radasyncupload-progress-bar-thicker

but only works in rendermode="Classic"

Thanks

[Peter Milchev]

Hello Andres,

Increasing the also the height of the element with classes .ruFileWrap and .ruStyled would make the bar thicker when the AsyncUpload is in Lightweight render mode.

Here is a sample implementation for the AsyncUpload with Lightweight render mode:

<style>
    html .RadAsyncUpload .ruFileProgressWrap {
        background-color: lightgray;
        background-image: none;
        height: 20px;
    }

    html .RadAsyncUpload .ruFileProgress.ruProgressStarted {
        background-color: blue;
        background-image: none;
        height: 20px;
    }

    .thick-progress-bar .ruFileWrap.ruStyled {
        height: 40px;
    }
</style>

<telerik:RadAsyncUpload RenderMode="Lightweight" ID="RadAsyncUpload1" runat="server"
    OnClientFileSelected="OnClientFileSelected"
    OnClientFileUploaded="OnClientFileUploaded">
</telerik:RadAsyncUpload>

<script>
    var $ = $telerik.$
    function OnClientFileSelected(sender, args) {
        $(args.get_row()).addClass('thick-progress-bar');
    }

    function OnClientFileUploaded(sender, args) {
        $(args.get_row()).removeClass('thick-progress-bar');
    }
</script>

Regards,
Peter Milchev
Telerik by Progress

[Andres]

It's works.

Thanks a lot!

[JD]

Hi Peter

I have question. I am posting question on this thread because of i thought my issue some kind a related of Render mode. For me in-line progress not showing in case of RenderMode="Lightweight". But when i change it to RenderMode="Classic" then in-line progress bar is working fine. Could you assist on my issue? why inline progress bar is not working  in case of RenderMode="Lightweight". Thanks