How can I just add a Site Actions Menu to the default chrome control rendered with the full sitze app?


in a SharePoint hosted full size app there is no Site Actions menu.

no Site Actions menu in a full size SharePoint App

If you want to have the this menu, you have to build your own client chrome control like described here


with jQuery you can exchange the default chrome control with the new one

The problem is that you lose the default chrome control rendered with all the suite bar links.

you get your own chrome control but lose the default one

1 Answer 1



I assume that you use jQuery! I expect that you have the following div somewhere on your app page:

 <div id="chrome_ctrl_container"></div>

Then you build your chrome control like you normally would do and hide your container div.


        var options = {                 
            "settingsLinks": [
                    "linkUrl": "**some URL**",
                    "displayName": "** some link nName**"

        var nav = new SP.UI.Controls.Navigation(

instead of showing the chrome control with


you just grab the Site Actions menu from the generated chrome control and move it to the suite bar of the default chrome control of the SharePoint app.

 var siteActions = $('div#chrome_ctrl_container div#suiteBarRight span.ms-siteactions-root');
 $('div#suiteBarDelta div#suiteBarRight div#suiteBarButtons').prepend(siteActions);

now the chrome control should look something like this

Default chrome control with the custom site Actions menu

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.