1. Home
  2. Developers
  3. Custom Bric Helper Classes

Custom Bric Helper Classes

Contents

The following helper classes can be used in custom Brics to do miscellaneous tasks, such as hiding content from certain view modes within the Blocs design environment.

Helper Classes

.display-in-blocs-edit-mode-only – Bric content with this class applied will show in edit mode only, it will be hidden in all preview modes and when exported this class is replaced with the standard Bootstrap .hidden class.

.hide-in-blocs-edit-mode-only – Bric content with this class applied will only show in preview mode and when a project is exported. It will not show in edit mode. This class is automatically removed from the exported code.

.remove-on-export – Bric content with this class applied will show in edit mode only, it will be removed in export and preview mode.

.hide-in-blocs-page-preview-snapshot – Bric content with this class will be hidden from the page preview snapshot image. This class is automatically removed from the exported code.

.bric-canvas-placeholder – This is a presentation class which can be used to display a neatly styled blue box within the Blocs design environment.

Code example:

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

Design environment output:

Updated on 18th March 2019

Was this article helpful?

Related Articles