Please add screenboundary detection for expandable menu items. When there is not enough space for menu items to expand on the right side, expand them to the left side and vice-versa. See attached screenshot for more information
while replacing my RadMenu for the new RadNavigation, I was forced to stop because the RadNavigation does not support columns like the RadMenu can e.g. <telerik:RadMenu runat="server" ID="radMainMenu" MaxDataBindDepth="2" EnableRoundedCorners="true" EnableShadows="true" EnableTextHTMLEncoding="true"> <DefaultGroupSettings RepeatColumns="2" RepeatDirection="Vertical" /> </telerik:RadMenu> Keep up the good work, Thanks.
I need to specify the Target as well as the NavigateUrl and Text when programmaticlly data binding. Thanks.
Please add "AppendDataBound" property to the RadNavigation control.
RadNavigation can be setup to expand on hover (see demo - http://demos.telerik.com/aspnet-ajax/navigation/functionality/expand-on-hover/defaultcs.aspx). However, when the menu is collapsed to the More (hamburger) menu this functionality is lost. If the nodes don't have a navigate url they can be clicked to open the sub menu, but if they are set to navigate then clicking will navigate instead of opening the submenu.
A Vertical Orientation option would make the control usable as a side bar / sub navigation menu. Currently, we're using a PanelBar to achieve this functionality, but it lacks the Adaptive behavior of the Navigation control.
When building Responsive webpages the Telerik navigation control to use is RadNavigation because it properly resizes when the screen is rotated unlike the RadMenu. However RadNavigation doesn't seem to have a way to see my current location within a website which is where the breadcrumb come is. The addition of breadcrumb integration with RadNavigation would benefit Responsive web designer using the Telerik controls.
For a Radmenu, when the current URL matches the site node url in the SiteMapDataSource, the corresponding menu items are highlighted (marked as selected). This allows the user to see on the menu, where they are in the menu. RadNavigation does not support this functionality. I've added the functionality myself, however it's not elegant as the NavigationNode does not contain it's parent value. Here is how I resolved it. private void RadNavigation1_NodeDataBound(object sender, Telerik.Web.UI.NavigationNodeEventArguments e) { System.Web.SiteMapNode node = ((System.Web.SiteMapNode)e.Node.DataItem); e.Node.Attributes.Add("Key", node.Key); if (e.Node.NavigateUrl == Page.Request.CurrentExecutionFilePath.ToString()) { HighLightMenu(node); } } void HighLightMenu(System.Web.SiteMapNode node) { List<NavigationNode> nodes = (List<NavigationNode>)RadNavigation1.GetAllNodes(); // find navigation node based on site node Telerik.Web.UI.NavigationNode navNode = nodes.Find(n => n.Attributes["Key"] != null && n.Attributes["Key"] == node.Key); // Control ctrl = RadNavigation1.FindControl(navNode.ID); if (navNode != null) navNode.Selected = true; if (node.ParentNode != null) HighLightMenu(node.ParentNode); }
I'd like to see the following enhancements of the RadNavigation control: 1. Ability to make some nodes stick to the top menu even in collapsed mode.. That way you can have e.g. a logo in the top-left of the navigator. 2. Ability to right-align items. Both features can be seen in the bootstrap NavBar..
As for example: 1) the skinchooser in this demo -http://demos.telerik.com/aspnet-ajax/navigation/mobile-and-touch-support/responsive-behavior/defaultcs.aspx?product=navigation 2) the top left corner menu in this demo: http://demos.telerik.com/aspnet-ajax/mobile.aspx 3) http://mobify.github.io/pikabu/