Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > AsyncUpload > increasing size of upload button in RadAsyncUpload

• Bharani Mani

  Posted on Nov 9, 2010 (permalink)

  Hello,
            I put a text "attach files" for Localized-Select in RadAsyncUpload. The text is cut off on the button. Is there a way to increase the size of the button in RadAsyncUpload?
  
  Thanks,
  Bharani
  

  Reply

• Genady Sergeev Genady Sergeev

  Posted on Nov 11, 2010 (permalink)

  Hi Bharani Mani,
  
  You can use the following CSS class in order to expand to the browse button:
  
  

  <style type="text/css">

         .ruBrowse

         {

             background-position: 0 -46px !important;

             width: 122px !important;

         }

     </style>

  
  
  Best wishes,
  Genady Sergeev
  the Telerik team

  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

  Reply



• Jonx Master

  Posted on Apr 15, 2011 (permalink)

  Hello,
  I'm unable following your advice to get an even larger button.
  also it would be nice to have this as a property...
  
  See my screenshot, how can I get an even larger button.
  I tried changing 46 or 122 but it gives strange results...
  
  Thank you,
  John. 

  Attached files

  • Proxi---Microsoft-Visual-Studio-2011-04-15-15-46-21.png

  Reply

• Peter Filipov Peter Filipov

  Posted on Apr 19, 2011 (permalink)

  Hi John,
  
  I have tried to reproduce your issue but I couldn't. Please send us a sample project for a local test.
  
  Greetings,
  Peter Filipov
  the Telerik team

  Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  Reply

• Jonx Master

  Posted on Apr 20, 2011 (permalink)

  Here is another screenshot.
  It seems that the button cannot be made larger simply because the button bakgrounds in the skin are no longer...
  Does this help you to help me? Any idea of what can be done?
  I cannot simply extract a smaller sample for you without a lot of work...
  Thank you,
  John.

  Attached files

  • radupload.png

  Reply

• Peter Filipov Peter Filipov

  Posted on Apr 26, 2011 (permalink)

  Hi John,
  
  As you noticed the background for the Select button is an image that you move to X,Y coordinates(e.g. background-position: 0 -46px).
  You can load your own picture for background with a proper size and color by using the following CSS class:
  
  

  /*RadAsyncUpload1 is your control's ID*/
#RadAsycnUpload1. RadUpload_Default .ruButton

        {        
               /*it is an example URL*/

             background-image: url("images/ruSprite.png");

        }

  I am sending you the background picture from our demo.
  
  Regards,
  Peter Filipov
  the Telerik team

  Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  Attached files

  • ruSprite.png

  Reply

• Jonx Master

  Posted on Jul 26, 2011 (permalink)

  Hello Peter,
  Sorry for the late reply.
  Thanks a lot for your help, it works perfectly.
  John.

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > AsyncUpload > increasing size of upload button in RadAsyncUpload