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.

556 votes

Vote

(thinking…)

Facebook

Google

Forgot password?

Create a password

Signed in as (Sign out)

You have left! (?) (thinking…)

David Warner shared this idea · April 12, 2018 · Flag idea as inappropriate… · Admin →

thinking about it ·

Adminvesa.juvonen (Principal Program Manager, Microsoft SharePoint) responded · April 18, 2019

Thanks for your feedback! We’re reviewing your suggestion.

5 comments

Add a comment…