Browse button bigger

Thread is closed for posting
7 posts, 1 answers
  1. Igor
    Igor avatar
    26 posts
    Member since:
    Nov 2010

    Posted 08 Apr 2011 Link to this post

    Hi,
    I want the browse button a little bigger than the default 65px. I am using the windows skin 7. I tried this Css without success:
    <style type="text/css">
            div.RadUpload .ruBrowse
            {
                width: 120px;
            }
     
    </style>

    The result is not ok because the background image still remains  fixed to 65px. Is something missed here? How can I choose the bigger button background?

    Best regards,
    Igor
  2. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 11 Apr 2011 Link to this post

    Hi Igor,

    Please add the following code:
    .RadUpload input.ruBrowse
           {
               background-position: 0 -46px;
               margin-left: 4px;
               width: 115px;
           }
    The background image is composed of three images - small, medium and large. By changing the background-position property you put a large size image on the background.

    Kind regards,
    Peter Filipov
    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. Igor
    Igor avatar
    26 posts
    Member since:
    Nov 2010

    Posted 11 Apr 2011 Link to this post

    Hi Peter,

    your solution works, but not always. On Explorer 8 doesn't works (button is still small) and, on all browsers, the mouse over event change the background to a small button. How can it get work?
    Thanks,
    Igor
  5. Answer
    Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 12 Apr 2011 Link to this post

    Hi Igor,

    CSS rules marked with !important take precedence over later rules.
    .ruButton.ruBrowse
           {
               background-position: 0 -46px !important;
               margin-left: 4px !important;
               width: 115px !important;
           }

    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.

  6. Igor
    Igor avatar
    26 posts
    Member since:
    Nov 2010

    Posted 13 Apr 2011 Link to this post

    Hello Peter,

    mouse over on Chrome and Firefox now works, thank you. On Internet Explorer 8  still doesn't works, always the smaller background is selected for the button. I have attached 2 images that show this effect with and without mouse over. 
    Why on IE8 is another background selected?

    Best regards,
    Igor
  7. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 14 Apr 2011 Link to this post

    Hello Igor,

    I have tested the behavior locally and everything is working fine under IE8.
    Please find attached a sample project and a screenshot as part of our local tests.
    Does the attached project work at your side? If yes - could you please modify it so we can see the problem locally?

    Kind 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.

  8. Igor
    Igor avatar
    26 posts
    Member since:
    Nov 2010

    Posted 14 Apr 2011 Link to this post

    Hello Peter,

    you are right, your last suggestion works on all browser, include mine IE8. Probably I haven't use your last version. Sorry for that.

    All the best,
    Igor
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017