Dans cet article, nous allons voir comment faire pour cacher l’en-tête de votre Lightning App Page à l’aide de CSS et d’un composant Lightning Web Component (LWC)
Pour commencer, nous allons créer une static ressource “RemoveHeader” contenant le code CSS suivant :
Code CSS : removeHeader.css
Et dans le fichier JavaScript du composant LWC , nous allons insérer le code suivant :
Code JS : composantTest.js
import {LightningElement} from ‘lwc’;
//On importe notre fichier CSS depuis la static ressource
import removeHeader from ‘@salesforce/resourceUrl/RemoveHeader’;
//Import loadStyle-Method
import {loadStyle} from ‘lightning/platformResourceLoader’;
export default class LwcComposantTest extends LightningElement {
connectedCallback() {
loadStyle(this, removeHeader )
.then(result => {});
}
}
Pour terminer, nous allons glisser-déposer notre composant LWC sur la Lightning App Page
Voilà !
Nous espérons que cela vous sera utile pour vos prochaines Lightning App et partagez vos idées dans les commentaires.
