RadMenu Items Uneven Width

5 posts, 1 answers
  1. Holly
    Holly avatar
    14 posts
    Member since:
    Feb 2012

    Posted 16 Mar 2012 Link to this post

                    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

  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 21 Mar 2012 Link to this post

    Hello Holly,

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Holly
    Holly avatar
    14 posts
    Member since:
    Feb 2012

    Posted 23 Mar 2012 Link to this post

    Dear Kate,
             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
  5. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 28 Mar 2012 Link to this post

    Hello 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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. Holly
    Holly avatar
    14 posts
    Member since:
    Feb 2012

    Posted 30 Mar 2012 Link to this post

    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

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017