AX - Separatore
Panoramica
AX - Separatore è un componente di Experience Cloud che crea divisori visivi tra le sezioni di contenuto nelle pagine dei siti Experience.
Usalo per aggiungere linee orizzontali, spaziatura o interruzioni visive tra i componenti per migliorare l'organizzazione e la leggibilità della pagina. Configura lo stile, il colore, lo spessore e la spaziatura del separatore in Experience Builder.
Perfetto per dividere le sezioni dei moduli, separare blocchi di contenuto, organizzare pagine lunghe o ovunque il tuo portale necessiti di una chiara separazione visiva tra diverse aree di contenuto.
Impostazioni
Titolo
Il testo apparirà accanto al separatore per fornire contesto o informazioni aggiuntive.
Implementa questa proprietà per etichettare le sezioni che il separatore sta suddividendo, migliorando la comprensione da parte dell'utente.
Incorpora un'icona accanto al separatore per aggiungere contesto visivo. È inoltre possibile regolare la dimensione dell'icona per adattarla all'estetica del design.
Usa le icone come segnali visivi che completano il titolo o indicano il contenuto seguente, contribuendo alla funzione comunicativa del separatore.
Allineamento contenuto
Determina la posizione del titolo e dell'icona rispetto alla linea del separatore. Le opzioni includono Inizio, Fine, o Centro.
Allinea il contenuto in base al layout e all'enfasi richiesti dal design, assicurando che il separatore si integri senza soluzione di continuità nel flusso della pagina.
Orientamento
Imposta l'orientamento del separatore su Orizzontale o Verticale, fornendo flessibilità nel modo in cui il contenuto viene diviso.
Scegli l'orientamento appropriato per adattarlo al meglio al layout del tuo contenuto, sia che si tratti di un confronto affiancato o di una segmentazione dall'alto verso il basso.
Titolo
Personalizza l'aspetto del titolo con opzioni per colore, dimensione del carattere, stile e peso.
Stile il titolo per garantirne la giusta evidenza e mantenere la coerenza con lo schema di design generale del sito.
Icona
Definisci lo stile dell'icona con colore di sfondo, colore del primo piano, uno stato predefinito per il colore del primo piano e il raggio dell'icona per i bordi arrotondati.
Affina l'aspetto dell'icona per renderla più prominente o discreta, in linea con gli obiettivi di design.
Bordo
Definisci il bordo del separatore impostandone dimensione, colore e stile (solido, tratteggiato, punteggiato e altro).
Regola le impostazioni del bordo per creare il livello di distinzione desiderato tra le sezioni di contenuto, da una linea pronunciata a una separazione più sottile.
Ultimo aggiornamento
È stato utile?
