RadUpload Width="100%" problem

[shunman]

Hello Telerik.
I have to make RadUpload Control width=100%.

I set to width property "100%" but it wasn't work.

please let me know how can i make sure width property 100%?

[Shinu]

Hello Shunman,

You have to set InputSize property to an integer value to increase the width of all file input elements.
aspx:

<telerik:RadUpload ID="Radupload1" Width="100%" runat="server" EnableFileInputSkinning="true"   InputSize="100">
</telerik:RadUpload>

Also take a look at the following help documentation.
File Input Appearance

Thanks,
Shinu.

[shunman]

Hi Shinu. thanks you for answering.

I had tried following your answer. It had static width.
I would like make width dynamically along the Browser width.

There is a way for solution?

Thanks.

[Plamen]

Hello Shunman,

 
Unfortunately such behavior is not supported by RadUpload.

Please excuse us for this limitation of our control. 
 

Greetings,
Plamen Zdravkov
the Telerik team

[Erik]

I have the same problem.
Is there already a solution / workaround for this issue?

[Magdalena]

Hi Erik,

The properties Width and Height work in most cases only for pixels unit. If you would like to make the RadUpload fluid (expanded to its parent) you can apply the following code:
CSS

html .RadAsyncUpload {
    width: 100%;
}

html .RadAsyncUpload .ruFileWrap {
    display: block;
}

.ruFakeInput  {
    display: inline-block;
}

JavaScript

var $ = $telerik.$;

function pageLoad() {

    var maxWidth = $(".ruFileWrap ").innerWidth(),
        buttonWidth = $(".ruButton ").outerWidth(true),
        inputWidth = maxWidth - buttonWidth;

    $(".ruFakeInput").outerWidth(inputWidth);
}

You can find a sample project in the attachment.

Regards,
Magdalena
Telerik