When creating an SPFx Extension for a custom header, provide a configurable property that allows the composite header to be hidden
When developing a SharePoint Framework Extension to display a custom header and/or footer, the SharePoint Composite Header can be very redundant to the custom header.
The Composite Header (css classname is 'ms-compositeHeader'), is what SharePoint provide out of the box and includes the square site logo, site name and navigation.
When creating your own custom header that includes all of these things and possibly more, the existence of the Composite Header is redundant and can be confusing for users...(Ex: redundant navigation).
While CSS can be used to hide this, such a technique is not playing within the rules of only controlling the DOM elements created by the extension.
This request is to have a configurable property created that can hide the composite header to remove the redundancy when creating a custom header.
This could be a site property configured using PowerShell or a property defined in the SPFx Extension itself.
This would help ensure that rogue overriding of the CSS to hide the Composite Header does not occur and helps developers to stay within the rules requested by Microsoft when developing for the Modern Experience.
David Warner
shared this idea
Thanks for your feedback! We’re reviewing your suggestion.
11 comments
-
Sunny Atkare
commented
this requirement is very crucial for our current ongoing project and it would be great if Microsoft can fix this issue or provide some alternate solution for this issue.
-
Arun Rajiv
commented
This is one of critical requirement from our clients as many of the companies wanted to use their own branding for hiding top suite bar etc. Please release it in near future.
-
SenthilKumar Kalimuthu
commented
This is one of critical required functionality as many of the companies wanted to use their own look and feel.
-
Tom Daly
commented
this would be great but the reason we are hiding the header is because we can't add enough of our own customizations. replace nav, search or have a unique styled header but add in default search, default navigation.
customers are asking for branding and they only way to create unique identity is through spfx app customizer
-
Milind Saraswala
commented
We are looking for the same thing in one of our projects!
-
moritz b
commented
We are looking for the same thing in one of our projects!
-
Rahul Tyagi
commented
I also have a similar requirement, where I want to provide some dynamic configurable properties to the user for a tenant wide deployment of application customizer extension
-
Anonymous
commented
I have exactly the same requirement to hide SharePoint default composite header without waiting a few seconds
-
David Opdendries commented
I added a somewhat related user voice to be able to hide the hub site navigation menu so you don't end up with two menu's at the top of the page when you are using an extension to render a header menu.
-
Chandra Kollipara
commented
Our Intranet is on custom publishing site and want to move the same to communication sites and need this feature to implement the functionality without hacking
-
Joel Chmiel
commented
Nice idea! This would be very helpful and better than “hacking” it with CSS.
