increasing size of upload button in RadAsyncUpload

7 posts, 0 answers
  1. Bharani Mani
    Bharani Mani avatar
    40 posts
    Member since:
    Dec 2009

    Posted 09 Nov 2010 Link to this post

    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

  2. Genady Sergeev
    Admin
    Genady Sergeev avatar
    1550 posts
    Member since:
    Sep 2012

    Posted 11 Nov 2010 Link to this post

    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

  3. Jonx
    Jonx avatar
    258 posts
    Member since:
    Jul 2012

    Posted 15 Apr 2011 Link to this post

    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. 

  4. Peter Filipov
    Admin
    Peter Filipov avatar
    862 posts
    Member since:
    Sep 2012

    Posted 19 Apr 2011 Link to this post

    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.

  5. Jonx
    Jonx avatar
    258 posts
    Member since:
    Jul 2012

    Posted 20 Apr 2011 Link to this post

    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.

  6. Peter Filipov
    Admin
    Peter Filipov avatar
    862 posts
    Member since:
    Sep 2012

    Posted 26 Apr 2011 Link to this post

    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.

  7. Jonx
    Jonx avatar
    258 posts
    Member since:
    Jul 2012

    Posted 26 Jul 2011 Link to this post

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

Back to Top