De volgende helperklassen kunnen worden gebruikt in custom Brics om diverse taken uit te voeren, zoals het verbergen van inhoud van bepaalde weergavemodi in het Blocs ontwerpomgeving.
Helper klassen
.display-inblocs-alleen-bewerken-modus - Bric inhoud waarop deze klasse is toegepast, wordt alleen weergegeven in de bewerkingsmodus, deze wordt verborgen in alle voorbeeldmodi en wanneer deze wordt geëxporteerd, wordt deze klasse vervangen door de standaard Bootstrap .verborgen klasse.
.verstoppen in-blocs-alleen-bewerken-modus - Bric inhoud waarop deze klasse is toegepast, wordt alleen weergegeven in de voorbeeldmodus en wanneer een project wordt geëxporteerd. Het wordt niet weergegeven in de bewerkingsmodus. Deze klasse wordt automatisch verwijderd uit de geëxporteerde code.
Deze klasse is van toepassing display:none!important; naar het doelelement. Het verwijdert de inhoud niet van de pagina in de ontwerpmodus, het maakt het element eenvoudigweg visueel verborgen voor de gebruiker.
.verwijder-bij-export - Bric inhoud waarop deze klasse is toegepast, wordt alleen weergegeven in de bewerkingsmodus, het wordt verwijderd in de export- en voorbeeldmodus.
.verstoppen in-blocs-pagina-preview-momentopname - Bric inhoud met deze klasse wordt verborgen in de snapshotafbeelding van de pagina. Deze klasse wordt automatisch verwijderd uit de geëxporteerde code.
.bric-canvas-tijdelijke aanduiding - Dit is een presentatieklasse die kan worden gebruikt om een netjes opgemaakt blauw vak weer te geven in het Blocs ontwerpomgeving.
Codevoorbeeld:
<div class="remove-on-export bric-canvas-placeholder">Bric Placeholder</div>
Ontwerpomgeving output:
