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 in de bewerkingsmodus weergegeven, maar is verborgen in alle voorbeeldmodi. Bij export wordt deze klasse vervangen door de standaard Bootstrap-klasse. .verborgen klasse.
.verstoppen in-blocs-alleen-bewerken-modus – Bric-inhoud met deze klasse toegepast, wordt alleen weergegeven in de preview-modus 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 in de bewerkingsmodus weergegeven. In de export- en voorbeeldmodus wordt deze verwijderd.
.verstoppen in-blocs-pagina-preview-momentopname – Bric-inhoud met deze klasse wordt verborgen in de snapshotafbeelding van de paginapreview. 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:
