This is a migrated thread and some comments may be shown as answers.

Radmenu Mega Menu

3 Answers 137 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Tyler
Top achievements
Rank 1
Tyler asked on 12 Sep 2012, 11:28 PM
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;
}


 

3 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 17 Sep 2012, 02:48 PM
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.
0
Tyler
Top achievements
Rank 1
answered on 19 Sep 2012, 03:06 AM
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.
0
Accepted
Boyan Dimitrov
Telerik team
answered on 21 Sep 2012, 03:38 PM
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.
Tags
Menu
Asked by
Tyler
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Tyler
Top achievements
Rank 1
Share this question
or