0

I want to remove this clickable image and top-bar navigation that comes by default when creating a SharePoint-Hosted App, how do I remove this?

enter image description here

4

It is coming from a master page. The master page url can be found in Default.aspx. So add some custom css rules to hide top-bar navigation. When you create a SharePoint hosted app by default master page is added.

<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>

Solution 1: You can add some css to maser page (Recommended)

Solution 2: Add your css inside default page

I just opened my SharePoint Online site and following style will hide top-bar

#suiteBar{
    display: none;
}

Following code will hide title and related things. Inspect in titleAreaBox element and hide what you need.

#titleAreaBox{
  display: none;
}

#s4-ribbonrow{
  display: none;
}
0

If you want a complete custom landing page, create a html/ blank aspx page and use it as the home page in app.manifest. That would give you an entirely clean slate to work on.

See this discussion for changing the default page

  • comments will be appreciated in case of a downvote ... – Swayam Siddha Sep 16 '15 at 11:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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