RadAsyncUpload: Custom style multiple controls on same page

[Steeve]

Hi,

I have two RadAsyncUpload on a page.  How can I set different width for each control.  I would like to have a result like the attachment (Replace and Add Version).

To customize the control, I modify the control using css:

.ruBrowse
{
  background-position: 0 -46px !important;
  width: 117px !important;
}

.RadAsyncUpload
{
    height: 25px !important;
}

.RadUpload {
    text-align: left;
    width: 117px;
}

But I don't know how I can set style individually.

I'm using the version 2013.3.1217.40.

Thank you and have a nice day!

Steeve

[Princy]

Hi Steeve,

In order to customize the CSS class for a control please mention the CssClass for that control and access ".ruBrowse" using the CssClass as follows.

ASPX:

<telerik:RadAsyncUpload ID="rasyncuploadTest1" runat="server" CssClass="upload1">
</telerik:RadAsyncUpload>
<telerik:RadAsyncUpload ID="rasyncuploadTest2" runat="server">
</telerik:RadAsyncUpload>

CSS:

.upload1 .ruBrowse
{
    background-position: 0 -46px !important;
    width: 117px !important;
}

Thanks,
Princy.

[Steeve]

That's what I needed.

Thank you!

Steeve