1. Início
  2. Desenvolvedores
  3. Aulas de ajudante de bric personalizadas

Aulas de ajudante de bric personalizadas

As seguintes classes auxiliares podem ser usadas em Brics para fazer tarefas diversas, como ocultar o conteúdo de certos modos de visualização dentro do Blocs ambiente de design.

Classes auxiliares

.display-inblocs-somente modo de edição – O conteúdo do Bric com esta classe aplicada será exibido apenas no modo de edição, ficará oculto em todos os modos de visualização e, quando exportado, esta classe será substituída pelo Bootstrap padrão .hidden classe.

.hide-inblocs-somente modo de edição – O conteúdo Bric com esta classe aplicada só será exibido no modo de visualização e quando um projeto for exportado. Ele não será exibido no modo de edição. Esta classe é automaticamente removida do código exportado.

Dica para iniciantes

Esta classe se aplica display:none!important; para o elemento de destino. Ele não remove o conteúdo da página no modo design, simplesmente torna o elemento visualmente oculto para o usuário.

.remover na exportação – O conteúdo Bric com esta classe aplicada será exibido apenas no modo de edição e será removido no modo de exportação e visualização.

.hide-inblocs-página-visualização-instantâneo – O conteúdo Bric com esta classe será escondido da imagem de snapshot de pré-visualização da página. Esta classe é automaticamente removida do código exportado.

.bric-espaço reservado para tela - Esta é uma classe de apresentação que pode ser usada para exibir uma caixa azul bem estilizada dentro do Blocs ambiente de design.

Exemplo de código:

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

Resultado do ambiente de design:

Atualizado em 15 de novembro de 2023

Esse artigo foi útil?

Artigos Relacionados