RadAsyncUpload: Custom style multiple controls on same page

3 posts, 1 answers
  1. Steeve
    Steeve avatar
    17 posts
    Member since:
    Mar 2011

    Posted 25 Jun 2014 Link to this post

    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. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 26 Jun 2014 in reply to Steeve Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Steeve
    Steeve avatar
    17 posts
    Member since:
    Mar 2011

    Posted 26 Jun 2014 in reply to Princy Link to this post

    That's what I needed.

    Thank you!

    Steeve
Back to Top