increasing size of upload button in RadAsyncUpload

[Bharani Mani]

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

[Genady Sergeev]

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

[Jonx]

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. 

[Peter Filipov]

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

[Jonx]

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.

[Peter Filipov]

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

[Jonx]

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