3

I am looking to create a very minimal information page with no navigation list in the left and no headers above.

Can it be done?

Screenshot below

1
  • I'd like to create a wiki app without the left and top navigation, is that also possible? Reason: I will be putting data in a tabular form.
    – lekneh1209
    Mar 6, 2020 at 9:05

3 Answers 3

1

Here is an experimental potential approach on a modern team or communication site. This modern page layout is still in "preview", and as such, may still have undocumented issues. In addition, it's supported intent is to be used only for custom modern search pages, but that intent doesn't appear to be "enforced", at least not in its preview.

Setting this page layout on a modern page removes the header and navigation for a "full page" experience.

You will need to make sure Preview-mode features are enabled in your tenant, and you have updated to the latest version of PnP PowerShell, then execute:

Connect-PnPOnline -Url "https://yourtenant.sharepoint.com/sites/yoursite" -useweblogin

Set-PnPClientSidePage -Identity yourpage.aspx -LayoutType HeaderlessSearchResults

For more details

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/building-search-extensions

5
  • Thank you very much. I will just play around with SharePoint for the next couple of days and will let you know.
    – lekneh1209
    Mar 9, 2020 at 1:55
  • Hi William, to be honest I am just new to SharePoint and SharePoint Framework Extension might be too advanced for me so maybe I will just simplify my goal and that is to not go completely headless or "full page" but maybe just remove the left navigation part.. at least for now..
    – lekneh1209
    Mar 9, 2020 at 2:06
  • I just downloaded portable Node, NPM, Git per the tutorial I just watched but I just cannot download Yeoman. I am getting this error: request to registry.npmjs.org/yo failed, reason: connect ETIMEDOUT
    – lekneh1209
    Mar 9, 2020 at 2:46
  • You don't need all that at this point. I am not actually suggesting that you build anything in SPFx. Although the intent of the HeadlessSearchResults page layout is to setup a page for SPFx search webparts, I am suggesting you use this layout for your own purposes. To run those two lines of PowerShell code, follow this guide to get started with PnP PowerShell: docs.microsoft.com/en-us/powershell/sharepoint/sharepoint-pnp/…
    – willman
    Mar 9, 2020 at 2:51
  • Sadly, it seems like this has now been locked away only for pages set as the Search Results page for that web. @willman Get's the following error message: Error details: This page has a layout that only works when it is used as a search results page. To set this page as the search results page, go to Search Settings for this site collection, and set this page as the Results Page URL. You can also change its layout back to another one that's supported to view it. Aug 26, 2020 at 11:00
1

The easiest thing you can do is to create a communication site. So you won't have a left navigation. But header and O365 ribbon will still be visible.

3
  • I'd like to create a wiki app without the left and top navigation, is that also possible? Reason: I will be putting data in a tabular form just like in the image above.
    – lekneh1209
    Mar 6, 2020 at 9:06
  • I'd actually like left navigation, header, and 0365 ribbon removed
    – lekneh1209
    Mar 6, 2020 at 9:20
  • Thank you very much. I will just play around with SharePoint for the next couple of days and will let you know.
    – lekneh1209
    Mar 9, 2020 at 1:55
1

You could edit the page and insert a .css script to target and hide certain page elements. Here's a useful-looking post on SE which has lots of answers.

Also, scroll down on this page on W3Schools to the section titled 'Hide an Element - display:none or visibility:hidden?'. They suggest a couple of options for hiding page elements. You can also tinker with the page, use their green "Try Yourself" buttons; for instance try changing the:

<h1 class="hidden">This is a hidden heading</h1>

See what happens when you remove the .css in the element, so you'll change it to this:

<h1>This is a hidden heading</h1>

The heading will appear on the page. You can use this method to hide even built-in Sharepoint page elements/sections.

4
  • Although using custom css is not a best practice on SharePoint Online: docs.microsoft.com/en-us/sharepoint/dev/solution-guidance/…
    – a1mery
    Mar 6, 2020 at 10:13
  • Okay. For this kind of tweaking, what's the best thing to use? A subsite main page, a page under a subsite, or a wiki site under a subsite? Basically, I want a tabular site without the left navigation pane, header and 0365 ribbon. Very basic and minimal look.
    – lekneh1209
    Mar 6, 2020 at 10:57
  • please note, I've not used Sharepoint Online, I'm still on 2013, so if you were to follow my Answer then you'll need to know the drawbacks (or risks?). Regarding your question on where to create the page, personally I'd just test it out on a test site, I don't have an opinion on where the test site should be.
    – Tally
    Mar 6, 2020 at 11:45
  • Thank you very much. I will just play around with SharePoint for the next couple of days and will let you know.
    – lekneh1209
    Mar 9, 2020 at 1:55

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.