1. Casa
  2. Sviluppatori
  3. Classi Bric Helper personalizzate

Classi Bric Helper personalizzate

Contenuti

Le seguenti classi di supporto possono essere utilizzate in custom Brics per svolgere attività varie, come nascondere il contenuto da determinate modalità di visualizzazione all'interno del file Blocs ambiente di progettazione.

Classi di aiuto

.display-inblocs-solo-modalità-modifica – Il contenuto Bric con questa classe applicata verrà visualizzato solo in modalità di modifica, sarà nascosto in tutte le modalità di anteprima e quando esportato questa classe verrà sostituita con la classe Bootstrap standard .hidden classe.

.hide-inblocs-solo-modalità-modifica – Il contenuto Bric con questa classe applicata verrà visualizzato solo in modalità anteprima e quando un progetto viene esportato. Non verrà visualizzato in modalità modifica. Questa classe viene automaticamente rimossa dal codice esportato.

Suggerimento per principianti

Si applica questa classe display:none!important; all'elemento di destinazione. Non rimuove il contenuto dalla pagina in modalità progettazione, semplicemente rende l'elemento visivamente nascosto all'utente.

.rimuovi-su-esportazioneex – Il contenuto Bric a cui è applicata questa classe verrà visualizzato solo in modalità di modifica e verrà rimosso in modalità di esportazione e anteprima.

.hide-inblocs-pagina-anteprima-istantanea – Il contenuto Bric con questa classe verrà nascosto dall'immagine snapshot dell'anteprima della pagina. Questa classe viene automaticamente rimossa dal codice esportato.

.bric-canvas-segnaposto - Questa è una classe di presentazione che può essere utilizzata per visualizzare un riquadro blu con uno stile ordinato all'interno del file Blocs ambiente di progettazione.

Esempio di codice:

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

Output dell'ambiente di progettazione:

Aggiornato il 15 novembre 2023

questo articolo è stato utile?

Articoli Correlati