This is a migrated thread and some comments may be shown as answers.
increasing size of upload button in RadAsyncUpload
6 Answers 306 Views
This is a migrated thread and some comments may be shown as answers.
Bharani Mani
Top achievements
Rank 1
Bharani Mani asked on 09 Nov 2010, 04:34 PM
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

6 Answers, 1 is accepted

Sort by
0
Genady Sergeev
Telerik team
answered on 11 Nov 2010, 03:38 PM
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
0
Jonx
Top achievements
Rank 2
answered on 15 Apr 2011, 02:48 PM
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. 
0
Peter Filipov
Telerik team
answered on 19 Apr 2011, 04:44 PM
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.

0
Jonx
Top achievements
Rank 2
answered on 20 Apr 2011, 04:46 PM
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.
0
Peter Filipov
Telerik team
answered on 26 Apr 2011, 11:10 AM
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*/
#RadAsycnUpload
1. 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.

0
Jonx
Top achievements
Rank 2
answered on 27 Jul 2011, 01:18 AM
Hello Peter,
Sorry for the late reply.
Thanks a lot for your help, it works perfectly.
John.
Asked by
Bharani Mani
Top achievements
Rank 1
Answers by
Genady Sergeev
Telerik team
Jonx
Top achievements
Rank 2
Peter Filipov
Telerik team
Share this question
or