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?
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?
7 Answers, 1 is accepted
0
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.
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.
0
Martin Rissmann
Top achievements
Rank 1
answered on 23 Jun 2009, 08:53 PM
I am experiencing the same issue, is there a solution?
0
Bent
Top achievements
Rank 2
answered on 24 Jun 2009, 07:47 AM
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).
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).
0
Eve
Top achievements
Rank 1
answered on 07 Jul 2009, 06:40 PM
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.
0
Bent
Top achievements
Rank 2
answered on 09 Jul 2009, 04:56 PM
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> |
0
Woody Archer
Top achievements
Rank 1
answered on 06 Aug 2009, 02:57 PM
Will there be a fix for the embedded .css that is causing the problem?
0
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.
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.