AX - Scheda

Panoramica

AX - Scheda è un componente di Experience Cloud che mostra contenuti in un formato contenuto e visivamente strutturato nelle pagine dei siti Experience.

Usalo per presentare informazioni in blocchi organizzati—come dettagli del prodotto, profili utente, articoli, risorse o qualsiasi contenuto che beneficia di una separazione visiva. Trascina e rilascia qualsiasi componente di Experience Cloud all'interno della scheda per costruirne il contenuto e configura lo stile, le intestazioni e i piè di pagina in Experience Builder.

Perfetto per cataloghi di prodotti, librerie di risorse, profili dei membri del team, anteprime di articoli o ovunque il contenuto del portale richieda un'organizzazione e una separazione visiva chiara.

Questo componente sfrutta gli slot per una personalizzazione avanzata, rendendolo ideale per i siti LWR. I siti Aura non supportano questo livello di personalizzazione.

Configurazione della Avonni Card

Aggiungi un titolo alla scheda

Dai alla tua Avonni Card un titolo chiaro e informativo per aiutare gli utenti a identificare rapidamente il suo contenuto. Ecco come:

• Trova l'attributo "Card Title": Questa impostazione si trova nelle opzioni di configurazione del componente Avonni Card nel generatore del tuo sito Experience Cloud.

• Inserisci il tuo titolo: Digita il testo che vuoi visualizzare come titolo. Mantienilo conciso e descrittivo.

• Posizionamento: Il titolo apparirà automaticamente sul lato sinistro della tua Avonni Card, fornendo un punto di ancoraggio visivo.

Esempio:

Se la tua Avonni Card mostra informazioni sul prodotto, potresti usare un titolo della scheda come "Posizione".

Mostra intestazione

Abilita l'attributo "Mostra intestazione" per aggiungere un contenitore versatile in alto a destra della tua Avonni Card. Questo ti permette di:

• Personalizzare il contenuto della scheda: Puoi trascinare e rilasciare altri componenti, come pulsanti, icone o testo aggiuntivo, direttamente nell'intestazione.

• Creare layout flessibili: Disponi gli elementi all'interno dell'intestazione per ottenere l'aspetto e la funzionalità perfetti della tua scheda.

Esempio: Aggiungi un pulsante "Crea nuovo caso" in una pagina dell'account cliente. Cliccando questo pulsante si aprirebbe una finestra di flusso che guida l'utente nella presentazione di un nuovo caso di assistenza e nella raccolta di tutte le informazioni necessarie.

Mostra piè di pagina

Questa opzione abilita una sezione di piè di pagina nella parte inferiore della tua Avonni Card. Puoi usare lo slot del piè di pagina fornito per aggiungere contenuti come link, pulsanti o testo aggiuntivo.

Riempimento contenuto (Content Pull Padding)

Regola lo spazio attorno al contenuto all'interno della tua scheda. Usa questa impostazione per creare un layout più compatto con il contenuto aderente al bordo o per aggiungere più respiro.

Tutorial

Nome	Descrizione
Creare una vetrina MapCard	Impara a creare una vetrina MapCard con i componenti Avonni Card e Map

Aspetto

Dimensione

• Larghezza: Controlla la larghezza orizzontale della scheda. Puoi usare larghezze fisse (pixel, percentuali) o permettere alla scheda di adattarsi al suo contenuto o alla dimensione del contenitore.

• Altezza: Controlla l'altezza verticale della scheda. Simile alla larghezza, puoi usare impostazioni di altezza fisse o flessibili.

• Overflow: Determina come la scheda gestisce i contenuti che eccedono le sue dimensioni. Le opzioni possono includere:

  • Visibile: Il contenuto fluisce oltre i confini della scheda.

  • Nascosto: Il contenuto viene ritagliato ai bordi della scheda.

  • Scorrimento: Aggiunge barre di scorrimento alla scheda se il contenuto trabocca.

Intestazione

• Colore di sfondo: Imposta il colore di sfondo dell'area dell'intestazione della scheda.

• Colore del testo: Imposta il colore di qualsiasi elemento testuale all'interno dell'intestazione.

• Dimensione del carattere: Controlla la dimensione del testo dell'intestazione.

• Peso del carattere: Imposta lo spessore del testo dell'intestazione (per esempio, normale, grassetto, sottile).

• Famiglia del carattere: Specifica il carattere utilizzato per il testo dell'intestazione.

• Dimensione del bordo inferiore: Imposta lo spessore del bordo inferiore che separa l'intestazione dal contenuto principale della scheda.

• Colore del bordo inferiore: Imposta il colore del bordo inferiore nell'intestazione.

Media

• Larghezza: Controlla la larghezza della sezione media della scheda (probabilmente per immagini o video).

• Altezza: Controlla l'altezza della sezione media della scheda.

• Adattamento dell'oggetto (Object Fit): Determina come un'immagine o un video dovrebbe essere ridimensionato per adattarsi al suo contenitore. Le opzioni includono:

  • Riempire: Allunga il contenuto per riempire lo spazio, potenzialmente distorcendo il rapporto d'aspetto.

  • Contenere: Scala il contenuto per adattarsi completamente allo spazio, lasciando eventualmente aree vuote.

  • Coprire: Scala il contenuto per coprire l'intero spazio, potenzialmente ritagliando parti.

  • Nessuno: Visualizza il contenuto alla sua dimensione originale.

  • Ridimensiona verso il basso: Il contenuto si ridimensiona verso il basso se supererebbe le dimensioni del contenitore, altrimenti viene visualizzato alla dimensione originale.

• Dimensione del bordo: Controlla lo spessore del bordo intorno all'elemento multimediale.

• Colore del bordo: Imposta il colore del bordo attorno all'elemento multimediale.

Bordo

• Dimensione: Imposta lo spessore complessivo del bordo che circonda l'intera scheda.

• Raggio: Controlla quanto arrotondati sono gli angoli della scheda.

• Colore: Imposta il colore del bordo della scheda