1. Casa
  2. Sviluppatori
  3. Custom Bric Classi di aiuto

Custom Bric Classi di aiuto

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 - Bric il contenuto con questa classe applicata verrà mostrato solo in modalità di modifica, sarà nascosto in tutte le modalità di anteprima e quando viene esportato questa classe verrà sostituita con il Bootstrap standard .hidden classe.

.hide-inblocs-solo-modalità-modifica - Bric il contenuto con questa classe applicata verrà visualizzato solo in modalità anteprima e quando un progetto viene esportato. Non verrà visualizzato in modalità di 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 - Bric i contenuti con questa classe applicata verranno visualizzati solo in modalità di modifica, verranno rimossi in modalità di esportazione e anteprima.

.hide-inblocs-pagina-anteprima-istantanea - Bric il contenuto con questa classe verrà nascosto dall'immagine istantanea 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