Aggiungere una Card.

Impara DXPR BuilderCrea le pagineAggiungi contenutiMarketing

Ottieni un riquadro con cornice con un’intestazione e un titolo che contiene altri elementi, come testo o un pulsante. Usa le card per raggruppare contenuti correlati come servizi, profili del team o piani tariffari.

Card primary scura con intestazione Relazioni con gli investitori, titolo Risultati Q3 pubblicati e un pulsante Leggi il report completo

Aggiungi una card

Apri la tua pagina dopo aver effettuato l’accesso: i controlli del page builder appaiono quando passi sopra l’area di contenuto. La tua prima pagina mostra le basi.

  1. Passa sopra la colonna e fai clic su + nella sua barra di controllo, oppure fai clic su Aggiungi elementi in una pagina vuota. Apri la scheda Contenuto e fai clic su Card. Arriva in cima alla colonna, senza finestra.
  2. Passaci sopra, fai clic su Altro nella sua barra di controllo e scegli Impostazioni. Digita un’Intestazione, ad esempio Relazioni con gli investitori.
  3. Digita il Titolo della card, ad esempio Risultati Q3 pubblicati.
  4. Scegli un Tipo per lo stile della card. Qui scegliamo Primary. Il testo diventa bianco automaticamente.
  5. Fai clic su Salva nella finestra.
  6. Passa sopra la card e fai clic su + nella sua barra di controllo, non in quella della colonna. Anche il + nel corpo vuoto della card funziona. Aggiungi un Pulsante, perché una card è un contenitore. Imposta la sua etichetta e link come in Pulsante. Poi fai clic su Salva nella barra degli strumenti in cima all’area di contenuto per memorizzare la pagina.

Cosa vedi

La tua intestazione e titolo stanno su una card nel colore che hai scelto, con il pulsante dentro. Nel video, dicono Relazioni con gli investitori e Risultati Q3 pubblicati su una card Primary. Il pulsante è un normale elemento Pulsante, quindi lo modifichi e stilizzi separatamente. I visitatori lo vedono una volta che salvi la pagina ed è pubblicata.

Configura la tua card

Passa sopra l’elemento e apri Altro > Impostazioni nella sua barra di controllo. Opzioni:

  • Intestazione: testo nella barra in cima alla card. Lasciala vuota per nascondere la barra.
  • Titolo: il titolo in cima al corpo della card.
  • Tipo: il colore della card: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark o Light. Tutti tranne Default e Light usano testo bianco.

Una card è un contenitore. Aggiungi o trascina altri elementi nel suo corpo, come testo, un’immagine o un pulsante.

Se non la vedi

  • Card non è nella scheda Contenuto. Il tuo profilo utente la nasconde. Chiedi a un amministratore di spuntare Card (Bootstrap 4/5) sotto Elementi in Profili utente.
  • È sparita dopo il ricaricamento. La pagina non era stata salvata. Aggiungila di nuovo e fai clic su Salva nella barra degli strumenti in cima all’area di contenuto.
  • La card mostra solo un bordo e niente dentro. Non ci sono ancora elementi dentro. Passa sopra la card, fai clic su + nella sua barra di controllo e aggiungi un elemento Testo, Immagine o Pulsante.
  • Manca la barra di intestazione. Il campo Intestazione è vuoto. Passa sopra l’elemento e apri Altro > Impostazioni, poi digita un’intestazione.
  • Il testo sulla card è difficile da leggere. La maggior parte delle opzioni Tipo usa testo bianco, che sbiadisce su un colore chiaro come Warning. Scegli un Tipo più scuro, o Light.

Passi successivi

Scheda Stile per cambiare spaziatura e sfondo per la tua card.