1. Home
  2. Desarrolladores
  3. Personalizado Bric Clases de ayudantes

Personalizado Bric Clases de ayudantes

Las siguientes clases auxiliares se pueden utilizar en Brics para realizar tareas diversas, como ocultar contenido de ciertos modos de visualización dentro del Blocs entorno de diseño.

Clases de ayudantes

.display-inblocs-solo modo de edición – Bric el contenido con esta clase aplicada se mostrará solo en el modo de edición, se ocultará en todos los modos de vista previa y, cuando se exporte, esta clase se reemplazará con el Bootstrap estándar .hidden clase.

.esconderse en-blocs-solo modo de edición – Bric el contenido con esta clase aplicada solo se mostrará en el modo de vista previa y cuando se exporta un proyecto. No se mostrará en el modo de edición. Esta clase se elimina automáticamente del código exportado.

Consejo para principiantes

Esta clase se aplica display:none!important; al elemento objetivo. No elimina el contenido de la página en modo de diseño, simplemente oculta visualmente el elemento para el usuario.

.remove-al-exportar – Bric el contenido con esta clase aplicada se mostrará solo en el modo de edición, se eliminará en el modo de exportación y vista previa.

.esconderse en-blocs-página-vista previa-instantánea – Bric el contenido de esta clase se ocultará de la imagen de la instantánea de vista previa de la página. Esta clase se elimina automáticamente del código exportado.

.bric-lienzo-marcador de posición - Esta es una clase de presentación que se puede usar para mostrar un cuadro azul con un estilo prolijo dentro del Blocs entorno de diseño.

Ejemplo de código:

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

Salida del entorno de diseño:

Actualizado el 15 de noviembre de 2023

¿Le resultó útil este artículo?

Artículos Relacionados