ImageUrl on root item

8 posts, 0 answers
  1. Bent
    Bent avatar
    38 posts
    Member since:
    Sep 2008

    Posted 18 Jun 2009 Link to this post

    Hi there

    I'm having a little layout issue regarding the ImageUrl property on a root item in the RadMenu.
    Whenever I add an image, the hover style breaks the background image, displaying a 3px space between the image and the text.

    Take a look here: http://img195.imageshack.us/img195/2366/radmenuimageurl.png

    I can see that the problem is because of the image tag being placed outside the span containing the text for the button. If I (using FireBug) moves the image tag inside the span element of the button, it renders correctly.

    Any ideas?
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 19 Jun 2009 Link to this post

    Hi Kenneth,

    I think it will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

    Thanks beforehand for your patience and cooperation,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Martin Rissmann
    Martin  Rissmann avatar
    1 posts
    Member since:
    Jun 2009

    Posted 23 Jun 2009 Link to this post

    I am experiencing the same issue, is there a solution?
  5. Bent
    Bent avatar
    38 posts
    Member since:
    Sep 2008

    Posted 24 Jun 2009 Link to this post

    I've just submitted a support ticket. I expect a solution/workaround in about 24h.

    I did however just experience this problem with the Office 2007 skin. The default skin is behaving as expected (though that might be because it doesn't use a background image for the hover effect).
  6. Eve
    Eve avatar
    8 posts
    Member since:
    Apr 2009

    Posted 07 Jul 2009 Link to this post

    Was there ever a fix given?  I'm having this problem with the Outlook and Office2007 skins, and will either need to change to a different skin, or skin the thing myself.
  7. Bent
    Bent avatar
    38 posts
    Member since:
    Sep 2008

    Posted 09 Jul 2009 Link to this post

    Sorry for the late reply. The following should resolve the problem, however I didn't try it out yet.

    <style type="text/css">     
         div.RadMenu .rmHorizontal .rmText {     
            padding:0 9px 1px 0;     
        }     
             
        div.RadMenu .rmLink {     
            padding: 0 0 0 9px;     
        }     
             
        div.RadMenu .rmGroup .rmText {     
            padding:0 54px 0 28px;     
        }     
    </style>    
     
  8. Woody Archer
    Woody Archer avatar
    1 posts
    Member since:
    May 2008

    Posted 06 Aug 2009 Link to this post

    Will there be a fix for the embedded .css that is causing the problem?
  9. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 10 Aug 2009 Link to this post

    Actually the fix was already implemented and will come out with the next service pack of RadControls for ASP.NET AJAX. As a workaround you can add this CSS rule to your project:
    div.RadMenu .rmLeftImage {
        margin-left: -3px;
    }
    Let me know if that helps.

    Best wishes,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017