Icon for the Lightning Components topic

How to remove Lightning App Page Header [Aura]

In this tutorial, I will show you how to remove Lightning App Page Header using Lightning Aura Components and CSS. In the images below you can see the final result.

Before

Remove Lightning App Page Header

After

Remove Lightning App Page Header

Create a CSS-File and paste the “noHeader.resource” Code-Snippet. Then create a Static Resource and upload it.

noHeader.resource

.slds-page-header.header.flexipageHeader {
    display: none;
}

exampleComponent.cmp

<aura:component implements="flexipage:availableForAllPageTypes" access="global">

	<!-- Load CSS from Static Resources -->
	<ltng:require styles="{!$Resource.noHeader}"/>

</aura:component>

That’s it!

I hope you have enjoyed learning “How to remove Lightning App Page Header [Aura]”. Please share your thoughts in the comments below. If you find value in this type of post, please subscribe because we have tons of tutorials in progress to be posted!

If you prefer to see the result with Lightning Web components, here’s the link to it: How to remove Lightning App Page Header [LWC].

How to create a reusable field search Lightning Component using Lightning Aura Components

How to create a reusable field search Lightning Component [Aura]

In this tutorial, I will show you how to create a reusable field search Lightning Component in Lightning Aura Components.

How to create a reusable field search Lightning Component using Lightning Web Components

How to create a reusable field search Lightning Component [LWC]

In this tutorial, I will show you how to create a reusable field search Lightning Component in Lightning Web Components.

How to create a reusable Lookup Lightning Component

How to create a reusable Lookup Lightning Component [Aura]

In this tutorial, I will show you how to create a reusable Lookup Lightning Component in Lightning Aura Components.

How to create a reusable Lookup Lightning Component

How to create a reusable Lookup Lightning Component [LWC]

In this tutorial, I will show you how to create a reusable Lookup Lightning Component in Lightning Web Components.

How to remove Lightning App Page Header

How to remove Lightning App Page Header [Aura]

In this tutorial, I will show you how to remove Lightning App Page Header in Lightning Aura Components.

Leave a comment!

0 0 votes
Article Rating
guest
0 Comments
Inline Feedbacks
View all comments
Hamid Abassi

Hamid Abassi

SfWiki Founder

I am a Salesforce Developer from Hamburg who wants to help the Salesforce Community around the world with my tutorials. Feel free to explore my website and hopefully learn something new.

0
Would love your thoughts, please comment.x
()
x