RadNavigation URL Link Required for Nodes

[Carol]

Using any data source, I can create the necessary hierarchy for a menu system using the RadNavigation.  However, I have no examples or knowledge on how to activate associated URLs for each of the nodes. 
If JavaScript is required, please show by example.

Required Info

• Visual Studio 2013
• Windows 10 Pro
• Google Chrome Version 45.0.2454.101 m 
• Telerik Product: UI for ASP.NET AJAX, v.2015.3.930.45 (Dev)
• VB.NET

My HTML

<telerik:RadNavigation runat="server" ID="RadMenu3" Skin="BlackMetroTouch"
    DataSourceID="XmlDataSource1"
    DataTextField="Text"
    DataNavigateUrlField="Url">
</telerik:RadNavigation>


<asp:XmlDataSource ID="XmlDataSource1" runat="server"
    DataFile="~/App_Data/SiteNavigation.xml" XPath="/SiteNavigation/Item">
</asp:XmlDataSource>

 

XML SiteNavigation (abbreviated)

<?xml version="1.0" encoding="utf-8" ?>
<SiteNavigation>
  <Item Url="#" Text="Surveying the Past" >
    <Item Url="#" Text="Timeline" />
    <Item Url="#" Text="Blog" />
    <Item Url="#" Text="Discussion" />
  </Item>
  <Item Url="#" Text="Experiencing the Present" >
    <Item Url="#" Text="Timeline" />
    <Item Url="#" Text="Blog" />
    <Item Url="#" Text="Discussion" />
  </Item>

</SiteNavigation>

 

ERROR: Page Won't Load

System.Web.UI.WebControls.XmlHierarchyData' does not contain a property with the name 'Url'

 

 

 

[Carol]

I kept toying around with this and by adding a

Description=""

attribute to each node, in addition to "Url" and "Text", no errors presented and the link activated as required.

[Carol]

Hello, I still need assistance.

When I attempted to duplicate the "Description" attribute solution within a different application, I didn't not achieve the desired result.  When clicking on any root item, drop-down does not occur (although it did in my first test), instead you are taken to a default page, as if the entire navigation bar is a "Home" button hot link.

 All examples demonstrate how to include navigation items, but there is no demonstration of how to make the navigation functional with hyperlinks.

Please provide an example that shows how to activate navigation by using an external XML file and an example of how to extend the Expand on Hover demo (where menu items are included in the JS code) to hyperlink to website content.

 

[Ivan Danchev]

Hello Carol,

The error "...does not contain a property with the name 'Url'" is returned probably due to an item/items in the xml file missing a Url property. Setting the RadNavigation's DataNavigateUrlField will result in all nodes getting their NavigateUrl property values from the source and if the source does not provide such property for a particular node an exception will be thrown.
If you do not want all Navigation nodes to navigate to a page you must still set the corresponding Url property in the xml file and for those who won't have a navigation function, for example root nodes, you can set it like this: Url="#".
As for the expand-on-hover functionality, it will allow you to achieve both: a url you can navigate to when clicking the root node and expand/collapse functionality, that would show/hide on hover the node's child nodes without navigating.
Please, find attached a sample project containing a RadNavigation bound to an XMLDataSource and demonstrating the expand-on-hover functionality.

Regards,
Ivan Danchev
Telerik