1. Accueil
  2. Développeurs
  3. Cours d'aide personnalisés Bric

Cours d'aide personnalisés Bric

Table des matières

Les classes d'assistance suivantes peuvent être utilisées dans la personnalisation Brics pour effectuer diverses tâches, comme masquer le contenu de certains modes d'affichage dans le Blocs environnement de conception.

Classes d'assistance

.display-inblocs-modifier-uniquement – Le contenu Bric avec cette classe appliquée s'affichera uniquement en mode édition, il sera masqué dans tous les modes d'aperçu et lors de l'exportation, cette classe est remplacée par le Bootstrap standard .hidden classe.

.hide-inblocs-modifier-uniquement – Le contenu Bric avec cette classe appliquée ne s'affichera qu'en mode aperçu et lorsqu'un projet est exporté. Il ne s'affichera pas en mode édition. Cette classe est automatiquement supprimée du code exporté.

Astuce pour les débutants

Cette classe s'applique display:none!important; à l’élément cible. Il ne supprime pas le contenu de la page en mode conception, il rend simplement l'élément visuellement caché pour l'utilisateur.

.remove-sur-export – Le contenu Bric avec cette classe appliquée s'affichera uniquement en mode édition, il sera supprimé en mode exportation et aperçu.

.hide-inblocs-page-aperçu-instantané – Le contenu Bric avec cette classe sera masqué dans l'image d'aperçu de la page. Cette classe est automatiquement supprimée du code exporté.

.bric- espace réservé de canevas - Il s'agit d'une classe de présentation qui peut être utilisée pour afficher une boîte bleue au style soigné dans le Blocs environnement de conception.

Exemple de code:

<div class="remove-on-export bric-canvas-placeholder">Bric Placeholder</div>

Sortie de l'environnement de conception:

Mis à jour le 15 mars 2023

Cet article a-t-il été utile?

Articles Relatifs