Radmenu Mega Menu

4 posts, 1 answers
  1. Tyler
    Tyler avatar
    2 posts
    Member since:
    Sep 2012

    Posted 12 Sep 2012 Link to this post

    http://www.telerik.com/support/kb/aspnet-ajax/menu/mega-drop-down-menu-bind-to-xml-datasource.aspx

    The above is what I'm working from. I am noticing that "alt" nor "title" are showing up for my URL's from my XML file that I have the urls contained in and the menu reading from. Are there any known options for this?

    Also is there way to differentiate if a sub menu only has 1 column link to display as a 1 column sub menu opposed to 2 (how I currently have it setup). I tried setting it through the style sheet but once it posts back it extends to 2 column. 

     

     

     

     

     

    .Item1 .rmSlide
    {
    left: 695px !important;
    max-width: 200px !important;
    min-width: 200px !important;
    }


     
  2.
  3. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 17 Sep 2012 Link to this post

    Hello Tyler,

    As far as I could understand from your post it seems that your NavigateUrl property is set yo your "alt" attribute instead of "title" attribute defined in your XML data source file. Can you confirm if that is so?
    • Could you also elaborate on your scenario - what are you trying to achieve and what is actually happening?
    • Have you explicitly set NavigateUrl property to any of your properties?
    • In order to inspect and troubleshoot your issue in the most efficient way I would like to ask you for a  simplified runnable project demonstrating this issues so we can test it locally.
    Thank you for your cooperation in advance. I will be glad to assist you further in resolving the issue.

    Regards,
    Boyan Dimitrov
    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.
  5. Tyler
    Tyler avatar
    2 posts
    Member since:
    Sep 2012

    Posted 18 Sep 2012 Link to this post

    OK Let me explain the situation better as I'm having a crazy amount of issues.

    I have been tasked with coming up with a Mega Menu for SharePoint 2010. I am also to use an .xml file as the datasource. The first issue I'll address right now. Our Mega Menu navigation has to be 508 compliant so when I hover a link I need to have a tooltip of sorts come up I also need to pass the "title" tag. I added "title" to my xml for each link and its not showing up. I'll give you an example of the xml so that you can see.

    <Group>
        <Item Text="Link 1 - Home" navigateurl="/link2.aspx" title="Home"/>
        <Item Text="Link 2" navigateurl="/link2.aspx" title="Link2"/>
        <Item Text="Link 3" navigateurl="/link3.aspx" title="Link3"/>
        <Item Text="Link 4" navigateurl="/link4.aspx" title="Link 4"/>
    </Group>

    So "title" is not being passed through, I'm guessing its not part of the schema so it won't pass through? Can you verify if the radmenu made into Mega Menu is 508 compliant?

    I'm also having one hell of a time skinning this Mega Menu. I'm using IE9 and FireFox 15. In FF15 everything looks great but in IE9 it look hideous. Are there any documents on how to skin radmenu's? I'm using the Sitefinity skin. I hope the above helps understand a bit better. I have attached a screenshot to show you the differences, we are primarily IE9 but we do have users using FF so I have to make them both appear the same.
  7. Answer
    Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 21 Sep 2012 Link to this post

    Hello Tyler,

    I inspected your scenario locally at my side and made a little modification to your XML file. It uses either "title" or "tooltip" property and pass it as tooltip if item is hovered. Here is your XML file content surrounded by Menu tag:

    <?xml version="1.0" encoding="utf-8"?>
    <Menu>
      <Group>
        <Item Text="Link 1 - Home" navigateurl="/link2.aspx" title="Home"/>
        <Item Text="Link 2" navigateurl="/link2.aspx" title="Link2"/>
        <Item Text="Link 3" navigateurl="/link3.aspx" title="Link3"/>
        <Item Text="Link 4" navigateurl="/link4.aspx" title="Link 4"/>
      </Group>
    </Menu>

    Alternative way to set a ToolTip property of RadMenuItem and usage of custom attributes  in code behind is explained here.

    In general RadMenu satisfies the requirements of "Section 508" for software accessibility, as well as those of "Level AAA" (in accordance with the W3C Web Accessibility Guidelines 1.0).

    Considering your appearance issue, there are several reasons that might cause this behavior. One of them would be the usage of custom styles that might conflict with our default skins/styles.

    • Are you facing this issue when using our Skin property with the predefined Telerik skins and no additional styles are used?
    • Are you using any custom styles that are applied to the appearance of RadMenu.

    Regards,
    Boyan Dimitrov
    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.
Back to Top