Update from 6.1 to 6.3 breaks navigation menu

Posted by Community Admin on 26-Dec-2013 00:00

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.

www.ceramdis.ch/

Markus

<%@ 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" />

</sf:ResourceLinks>

<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">

<Templates>

<navigation:NavigationTemplate>

<Template>

<li>

<a runat="server" href='<%# Eval("Url") %>' target='<%# NavigationUtilities.GetLinkTarget(Container.DataItem) %>'><%# Eval("Title") %></a>

<ul runat="server" id="childNodesContainer"></ul>

</li>

</Template>

<SelectedTemplate>

<li>

<a runat="server"

href='<%# Eval("Url") %>' class="sfSel" target='<%# NavigationUtilities.GetLinkTarget(Container.DataItem) %>'><%# Eval("Title") %></

a>

<ul runat="server" id="childNodesContainer"></ul>

</li>

</SelectedTemplate>

</navigation:NavigationTemplate>

</Templates>

</navigation:NavigationContainer>

</ul>

</div>

<%-- 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

).data('kendoTreeView');

// kendoTreeView.expand(kendoTreeView.element.find(".k-item"));

// var selectedNodesToExpand = kendoTreeView.element.find("li:has(li a.sfSel)");

// kendoTreeView.expand(selectedNodesToExpand);

kendoTreeView.expand(kendoTreeView.element.find(".sfSel"));

)(jQuery);

</script>

Posted by Community Admin on 27-Dec-2013 00:00

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.

Regards,
Simeon Simeonov
Telerik

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

This thread is closed

All Replies