1. Accueil
  2. Développeurs
  3. Coutume Bric Classes d'assistance

Coutume Bric Classes d'assistance

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 - Bric le contenu avec cette classe appliquée s'affichera en mode édition uniquement, il sera masqué dans tous les modes de prévisualisation et lors de l'exportation, cette classe est remplacée par le Bootstrap standard .hidden classe.

.hide-inblocs-modifier-uniquement - Bric le contenu avec cette classe appliquée ne s'affichera qu'en mode aperçu et lorsqu'un projet est exporté. Il n'apparaîtra 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 - Bric le contenu avec cette classe appliquée s'affichera en mode édition uniquement, il sera supprimé en mode d'exportation et d'aperçu.

.hide-inblocs-page-aperçu-instantané - Bric le contenu de cette classe sera masqué dans l'image de l'instantané de l'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