SCSM 2016 UR3 breaks HTML portal Hamburger menu hyperlinks

Posted on Jun 9, 2017

Update: This has been fixed with Update Rollup 4 for System Center 2016 Service Manager

This issue was initially discovered by Jure Jeram and all credits for the workaround below goes to him. His findings are also documented in Service Manger forums. Thanks for sharing your findings!

With update rollup 3 for Service Manager 2016 released by the end of May 2017, a small issue seems to pop up after applying it to the out of the box HTML portal of Service Manager 2016.

The installation of UR3 applies some changes to the files sidenavigator.js and Sidebar.cshtml of the HTML portal. However it seems as if this breaks the hyperlinks in the expanded Hamburger menu on the portal.

Basically several lines in menuActions function in sidenavigator.js are commented out after applying update rollup 3.

Sidenavigator.js after installing UR3

Furthermore UR3 adds some hyperlink HTML tags to Sidebar.cshtml. It seems that some functionality affecting the Hamburger menu was moved from sidenavigator.js to Sidbar.cshtml with update rollup 3.

Sidebar CSHTML Minimized Menu

But apparently these these changes are only added for the minimized version of the Hamburger menu, they are missing for the expanded menu.

Sidebar CSHTML Expanded Menu

As Jure outlines in Technet Forums, as a workaround we can add the missing HTML tags manually in Sidebar.cshtml file. All we have to do is to add the following code to each menu item

<div class="row side_nav_home">
	<a class="side_nav_bar_icon" href="/home">
           <span class="icon-Dictionary icon-medium icon icon-pos"></span>
           <span class="icon-text icon-text-pos">@Resources.SelfServicePortalResources.ServiceCatalog</span>
	</a>
    </div>
    <div class="row side_nav_request">
	<a class="side_nav_bar_icon" href="/MyRequests">
           <span class="icon-ContactInfo icon-medium icon icon-pos"></span>
           <span class="icon-text icon-text-pos">@Resources.SelfServicePortalResources.MyRequests</span>
	</a>
    </div>
    <div class="row side_nav_activities">
	<a class="side_nav_bar_icon" href="/MyActivities">
           <span class="icon-MultiSelectMirrored icon-medium icon icon-pos"></span>
           @if (ViewBag.Notications > 0)
           {
               <div class="notification"><span class="activities_count">@ViewBag.Notications</span></div>
           }
           <span class="icon-text icon-text-pos">@Resources.SelfServicePortalResources.MyActvities</span>
	</a>
    </div>
    <div class="row side_nav_help">
	<a class="side_nav_bar_icon" href="/KnowledgeBase">
           <span class="icon-WhatsThis icon-medium icon icon-pos"></span>
           <span class="icon-text icon-text-pos">@Resources.SelfServicePortalResources.HelpArticles </span>
	</a>
    </div>

Sidebar CSHTML Expanded Menu Added Links

Hope this helps you work around the issue for the time being. I reported this on Microsoft Connect, feel free to vote on it if you are affected.