Hi! We’re redesigning our web-site and replacing all our current menus and grids with your RadMenu and RadGrid. I’ve been running into a problem with the appearance of the menu, though. Even though the menu item text looks like it fits within the menu’s width, there’s usually what looks like some kind of padding at the right end of the longest menu item(s). We set the menu item color depending on the item type, but I noticed that the space is even there if I leave the skin with the default transparent settings and just hover over it. I tried setting the width settings, and, if I make them large enough, I can get it to not show that space, but, the problem with that is, we need to add the items dynamically so we don’t know how wide the menu needs to be, and we don’t want a whole lot of extra space with nothing in it.
We have the menu in a user control that we’ll add to each page. We currently have the RadMenu inside a RadSlidingPane inside a RadSlidingZone, and we add that user control to a RadPane within a RadSplitter in the pages they’re added to, but I tried doing it without the splitters, zones, and panes, and it still didn’t do it right.
I was wondering if the problem had to do with the items being adding from the code-behind page instead of from the ASPX page, but I found it did the same thing when I hard-coded them in. I’ve attached a sample image of what the menu item widths look like. If you have any suggestions on what could be changed to get the items to look right, they would be greatly appreciated! Thank you so much!
Holly
4 Answers, 1 is accepted
Thank you for contacting us.
After inspecting your scenario with our predefined skins I am not able to replicate the issue that you describe. Can you check if you are using any custom skins since that might be one reason for getting the problematic appearance when loading a long MenuItem.
Regards,
Kate
the Telerik team
Rank 1
Thank you very much for looking at this for me. I wanted to reproduce this problem using one of your sample projects, so I tried creating a simpler version of our code to add in piece by piece to your sample ServerSide2 project in the Rad Controls AJAX Courseware Navigation projects I downloaded, and I noticed that I could get the sample to behave the same way ours does if I change the doctype. Yours is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
while ours is
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">.
Is there something I change to make it line up better without changing the doctype to an older version? Thanks!
Holly
In general the RadControls of Telerik support any valid !Doctype for xHTML. Did you try using the following one:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Kind regards,
Kate
the Telerik team
Rank 1
Dear Kate,
No, I didn’t try that particular one before. Thank you so much! I think that will do the trick! It seems to be lining up neatly now! I really appreciate all of your help! Thanks again!
Holly