AX - Contenitore Chip

Panoramica

AX - Contenitore di Chip è un componente di Experience Cloud che visualizza una raccolta di tag o etichette interattive (chip) sulle pagine dei siti Experience.

Usalo per mostrare elementi correlati, categorie, competenze, filtri o qualsiasi dato raggruppato in un formato compatto e visivo. Gli utenti possono interagire con i chip per selezionare, rimuovere o attivare azioni. Configura lo stile e il comportamento dei chip in Experience Builder senza codice.

Perfetto per selezioni di filtri, visualizzazioni di tag, badge di competenze, elenchi di categorie o ovunque gli utenti del portale debbano vedere e interagire con più elementi correlati in modo efficiente nello spazio.

Configurazione del Contenitore di Chip

Impostazioni Generali

1. Singola Riga

• Funzionalità: Determina se i chip vengono visualizzati su un'unica riga o possono andare a capo su più righe.

• Utilizzo: Utile per mantenere un layout compatto o per ospitare un numero maggiore di chip.

2. È Collassabile

• Funzionalità: Consente al contenitore di chip di essere collassabile.

• Utilizzo: Ideale per scenari in cui si desidera risparmiare spazio o gestire la visibilità dei chip.

3. È Espanso

• Funzionalità: Imposta lo stato iniziale del contenitore di chip su espanso.

• Utilizzo: Utile quando vuoi che tutti i chip siano immediatamente visibili all'utente al caricamento.

Configurazione della Sorgente Dati per Avonni Chip Container

L'Avonni Chip Container offre due metodi principali per l'integrazione dei dati – Sorgenti Dati Manuali e tramite Query. Ogni metodo serve scopi distinti e si adatta a scenari diversi, che vanno dalla visualizzazione di dati statici all'integrazione dinamica e in tempo reale di dati dai record di Salesforce.

Origine dati manuale

• Funzionalità:

  • Questa impostazione consente l'immissione diretta e manuale dei dati nel Contenitore di Chip.

• Utilizzo:

  • È particolarmente utile quando i dati dei chip non provengono dinamicamente dai record di Salesforce.

  • È ideale per configurazioni iniziali, ambienti di test o scenari in cui si preferiscono dati statici.

Sorgente Dati tramite Query

• Funzionalità:

  • L'opzione di query consente al Contenitore di Chip di prelevare e visualizzare automaticamente i dati dai record di Salesforce.

• Utilizzo:

  • Perfetto per i casi in cui i chip devono essere popolati dinamicamente con informazioni aggiornate provenienti da Salesforce.

  • Favorisce il riflesso dei dati in tempo reale, rendendolo un'ottima scelta per siti attivi e guidati dai dati.

Mappature dei Dati per la Sorgente Dati tramite Query

Il processo di mappatura dei dati è fondamentale per l'accuratezza e la pertinenza dei dati visualizzati nel Contenitore di Chip.

• Processo:

  • Consiste nell'allineare e mappare accuratamente i campi di Salesforce agli attributi corrispondenti nel Contenitore di Chip. Questo passaggio garantisce che i dati vengano recuperati e presentati in modo significativo e organizzato.

• Risultato:

  • Una corretta mappatura dei dati garantisce che le informazioni recuperate da Salesforce siano rappresentate correttamente nei chip, assicurando visualizzazioni significative e contestualmente accurate.

Impostazioni di stile

Panoramica

Personalizzare lo stile del componente Avonni Chip Container è fondamentale per allinearne l'aspetto all'estetica complessiva del tuo sito Salesforce Experience Cloud. Il componente offre una serie di opzioni di stile che consentono una personalizzazione dettagliata, assicurando sia funzionalità che appeal visivo.

Opzioni di Spaziatura

Inizio/Fine Blocco del Contenitore di Chip, Inizio/Fine Inlinea:

• Queste impostazioni controllano la spaziatura intorno al contenitore di chip nelle orientazioni a blocco (verticale) e inlinea (orizzontale).

• Regolare questi valori può aiutare a creare il buffer visivo desiderato tra i chip e altri elementi, migliorando la leggibilità e la coerenza del layout.

Stile del Contenitore di Chip

• Sfondo, Colore Bordo, Dimensione, Stile e Raggio:

  • Personalizza il colore di sfondo per completare o contrastare il tema del sito.

  • Le opzioni di personalizzazione del bordo (colore, dimensione, stile e raggio) offrono il controllo sul contorno del contenitore, permettendo di farlo risaltare o integrarsi perfettamente con gli altri elementi della pagina.

Stile dei Singoli Chip

• Dimensione, Peso, Stile del Carattere dell'Etichetta; Dimensione, Stile, Raggio del Bordo; Altezza della Linea:

  • Affina la tipografia delle etichette dei chip per chiarezza e allineamento al brand.

  • Le regolazioni del bordo e dell'altezza della linea migliorano l'impatto visivo di ciascun chip, rendendoli più distinti e più facili da interagire.

Personalizzazione dell'Avatar all'interno dei Chip

• Dimensione Bordo, Colore, Stile; Colore/Peso del Carattere delle Iniziali, Colore di Sfondo dell'Icona, Adattamento dell'Immagine (Object Fit):

  • Gli avatar all'interno dei chip possono essere stilizzati per adattarsi al design del sito, con opzioni per regolare le proprietà del bordo e le caratteristiche del font delle iniziali.

  • Impostazioni di 'Image Object Fit' come 'fill', 'contain', 'cover', ecc., sono fondamentali per garantire che le immagini degli avatar siano visualizzate correttamente senza distorsioni.

Impostazioni di Stile per Variante

• Personalizzabile in Base alla Variante Selezionata:

  • Il componente Contenitore di Chip offre stili basati sulla variante, il che significa che possono essere applicati stili diversi in base alla variante di chip selezionata.

  • Questa funzionalità consente maggiore flessibilità e creatività nel design, assicurando che ogni variante di chip possa avere un aspetto unico ma coerente all'interno del contenitore.