Try Now
More in this section

Forums / Bugs & Issues / Update from 6.1 to 6.3 breaks navigation menu

Update from 6.1 to 6.3 breaks navigation menu

2 posts, 0 answered
  1. Markus
    Markus avatar
    2763 posts
    25 Nov 2005
    26 Dec 2013
    Link to this post
    After upgrading from 6.1 to 6.3 the navigation widget lost 

    a) its design

    I had to style .k-treeview .k-in  which I did not have to do before.



    <%@ Control Language="C#" %>
    <%@ Import Namespace="Telerik.Sitefinity.Web.UI.NavigationControls.Extensions.LightNavigationControlTemplate" %>
    <%@ Import Namespace="Telerik.Sitefinity.Web.UI.NavigationControls" %>
    <%@ Register Assembly="Telerik.Sitefinity" TagPrefix="navigation" Namespace="Telerik.Sitefinity.Web.UI.NavigationControls" %>
    <%@ Register Assembly="Telerik.Sitefinity" TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI" %>
    <sf:ResourceLinks runat="server" UseEmbeddedThemes="true" Theme="Basic">
        <sf:ResourceFile Name="Telerik.Sitefinity.Resources.Themes.Basic.Styles.nav.widget.css" Static="true" />
        <sf:ResourceFile Name="Telerik.Sitefinity.Resources.Scripts.Kendo.styles.kendo_common_min.css" Static="true" />
        <sf:ResourceFile JavaScriptLibrary="JQuery" />
        <sf:ResourceFile JavaScriptLibrary="KendoWeb" />
    <navigation:SitefinitySiteMapDataSource runat="server" ID="dataSource" />
    <div class="sfNavWrp sfNavTreeviewWrp <%= this.GetCssClass() %>">
        <%-- responsive design section - renders templates for the responsive design--%>
        <navigation:NavTransformationTemplate runat="server" TransformationName="ToToggleMenu" TemplateName="ToggleMenu" />
        <navigation:NavTransformationTemplate runat="server" TransformationName="ToDropDown" TemplateName="Dropdown" />
        <%-- end of the responsive design section --%>
        <ul class="sfNavTreeview sfNavList" runat="server" id="navigationUl">
            <navigation:NavigationContainer runat="server" DataSourceID="dataSource">
                                    <a runat="server" href='<%# Eval("Url") %>' target='<%# NavigationUtilities.GetLinkTarget(Container.DataItem) %>'><%# Eval("Title") %></a>         
                                    <ul runat="server" id="childNodesContainer"></ul>
                                    <a runat="server" href='<%# Eval("Url") %>' class="sfSel" target='<%# NavigationUtilities.GetLinkTarget(Container.DataItem) %>'><%# Eval("Title") %></a>         
                                    <ul runat="server" id="childNodesContainer"></ul>
    <%-- link to Kendo documentation http://demos.kendoui.com/web/treeview/index.html --%>
    <script type="text/javascript">
        (function ($) {
            var kendoTreeView = $('.sfNavTreeview').not('div.k-treeview .sfNavTreeview').kendoTreeView({
                animation: false
          // kendoTreeView.expand(kendoTreeView.element.find(".k-item"));
          //  var selectedNodesToExpand = kendoTreeView.element.find("li:has(li a.sfSel)");
          // kendoTreeView.expand(selectedNodesToExpand);
  2. Simeon Simeonov
    Simeon Simeonov avatar
    8 posts
    14 Sep 2016
    27 Dec 2013
    Link to this post
    Hi Markus,

    I have looked into your note and the information I can give you is that the template is changed in v6.2 and the change is that the LightNavigation templates with kendo now select by class instead of id.

    Simeon Simeonov
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
2 posts, 0 answered