I wanted to create a SharePoint-Hosted app with custom navigation bar on the left side (like Quicklaunch). As far as I read, one way to do it effectively is to create a custom masterpage with the navigation included in it. The problem is - what about lists? How to create side navigation that would be visible both on lists and on my custom aspx pages across the SharePoint-Hosted app?

1 Answer 1


Solved it. We can achieve it by injecting a static HTML (which we can get from an already rendered Quicklaunch) into the "sideNavBox" div using jQuery.

  • I have the same problem but I do not understand your solution. Can you please post some more details ?
    – Tom
    Jan 7, 2019 at 13:19
  • @Tom It's been some time since I posted it but I'll try :) From what I remember, SharePoint Hosted Apps does not have support for the OOTB quick launch in the app web. However, the masterpage used by default still has the div with id sideNavBox in it (it's empty though). What you can do is to render the QL menu somewhere outside the app, copy the rendered HTML from the #sideNavBox div and inject it into the same div in your app web using some JavaScript code.
    – Szab
    Jan 7, 2019 at 15:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.