How can I change the remove link to a button in AsyncUpload

Thread is closed for posting
9 posts, 0 answers
  1. Gary
    Gary avatar
    15 posts
    Member since:
    Sep 2010

    Posted 17 Sep 2010 Link to this post

    I am using a Rad AsyncUpload control and our customers do not like the Remove link that shows up in the list of upload files.  They want buttons instead.  Does anyone know how to transform these links to buttons that say remove.

    Thanks,

    GR Graham
  2. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 17 Sep 2010 Link to this post

    Hello Gary,

    Try to apply this class style to you RadUpload control:

    .normalRemoveButton .ruRemove
    {
        background-position: 0px -23px !important;
        font-size: 11px !important;
        padding: 0 !important;
        width: 79px !important;
    }

    Apparently the remove linkbutton's are just image overlayed on top of a button. This styles just reverts it to the base button style used by the rest of the control, used by add/delete.

    I hope that helps.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Gary
    Gary avatar
    15 posts
    Member since:
    Sep 2010

    Posted 17 Sep 2010 Link to this post

    Thank you Cori, 

    I will give that a try and let you know when I have.  May be a couple of days tho - been pulled on to something else.

    Gary
  5. Gary
    Gary avatar
    15 posts
    Member since:
    Sep 2010

    Posted 30 Sep 2010 Link to this post

    Cori,

    I tried adding that style and it does not seem to have made any difference.  I tried programatically adding it to the page head as in: 

     

    Page.Header.Controls.Add(new LiteralControl( 
      
     @"<style type='text/css'
      
     /*RADAsyncUpload remove button*/ 
      
     .normalRemoveButton.ruRemove 
      
     
      
     background-position: 0px -23px !important; 
      
     font-size: 11px !important; 
      
     padding: 0 !important; 
      
     width: 79px !important; 
      
     
      
     </style>"));


     

    and I also tried to add the style to our default css file .


    neither way seemed to change the remove linkbutton to a standard button.  Any suggestions?

    Thanks,


    Gary 


     

     

  6. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 01 Oct 2010 Link to this post

    Hello Gary,

    Did you apply the class on the RadUpload control? Like so:

    <telerik:RadUpload ID="RadUpload1" runat="server" CssClass="normalRemoveButton">
    </telerik:RadUpload>

    I tried it myself and it works on my end.
  7. Mukesh
    Mukesh avatar
    23 posts
    Member since:
    Aug 2010

    Posted 07 Jan 2011 Link to this post

    Hi Cori

    I have also same issue with "RadAsyncUpload", there is no any impact on style of remove link, my code is as follows:
    HTML
    <telerik:RadAsyncUploadID="RadAsyncUpload1" runat="server" CssClass="normalRemoveButton">
    </telerik:RadAsyncUpload>

    CSS
    .normalRemoveButton.ruRemove
    {
        background-position: 0px -23px !important;
        font-size: 11px !important;
        padding: 0 !important;
        width: 79px !important;
    }


    Please suggest me the solution.


    Thanks
    Mukesh
  8. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 07 Jan 2011 Link to this post

    Hello Mukesh,

    Try adding a space between the class names. Like so:

    .normalRemoveButton .ruRemove

    I hope that helps.
  9. Mukesh
    Mukesh avatar
    23 posts
    Member since:
    Aug 2010

    Posted 13 Jan 2011 Link to this post

    Thanks Cori

    This has solved my problem. Thank you so much..
  10. james knight
    james knight avatar
    4 posts
    Member since:
    May 2010

    Posted 20 Apr 2011 Link to this post

    Thanks heaps Cori.. That works perfectly.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017