This is a migrated thread and some comments may be shown as answers.

RadAsyncUpload: Custom style multiple controls on same page

2 Answers 223 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Steeve
Top achievements
Rank 1
Steeve asked on 25 Jun 2014, 02:42 PM
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

2 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 26 Jun 2014, 05:15 AM
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.
0
Steeve
Top achievements
Rank 1
answered on 26 Jun 2014, 05:06 PM
That's what I needed.

Thank you!

Steeve
Tags
AsyncUpload
Asked by
Steeve
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Steeve
Top achievements
Rank 1
Share this question
or