Aggiunta di un pannello comprimibile.

Impara DXPR BuilderCrea le pagineAggiungi contenutiLayout

Usa un pannello comprimibile, detto anche accordion, quando vuoi un elenco di intestazioni che i visitatori aprono una alla volta. È adatto a FAQ, elenchi di funzionalità e contenuti lunghi che si leggono meglio a parti. Ottieni una pila di domande le cui risposte si aprono con un clic. L’esempio crea tre domande per la pagina FAQ di un’agenzia.

Un pannello comprimibile con tre domande FAQ di un’agenzia, con la risposta a Possiamo aggiornare le pagine da soli? aperta sotto

Aggiungi un pannello comprimibile

  1. Fai clic su + su una sezione e scegli Collapse panel dalla scheda Layout. Arriva con un interruttore.
  2. Apri le impostazioni del pannello dal suo menu More. Scegli con Collapse se ogni interruttore parte chiuso. Qui è attivo. Scegli un’Expand icon e fai clic su Save.
  3. Passa sopra all’interruttore, apri il suo menu More e scegli Settings. Digita la domanda come Toggle title e fai clic su Save.
  4. Fai clic sulla domanda per aprire l’interruttore. Fai clic su + dentro di esso, scegli Text e digita la risposta.
  5. Fai clic su Add toggle sulla barra dei controlli del pannello per la domanda successiva. I nuovi interruttori arrivano in cima, quindi aggiungi prima l’ultima domanda.
  6. Fai clic su Save nella barra degli strumenti. In Preview, fai clic su una domanda per verificare che la sua risposta si apra.

Cosa vedi

Ogni domanda è un’intestazione con l’icona di espansione scelta. Un clic apre la sua risposta sotto e la risposta aperta si chiude. Con Collapse disattivato, la prima risposta è aperta al caricamento della pagina. Le risposte restano nell’HTML della pagina anche da chiuse, così i motori di ricerca possono comunque leggerle.

Configura il tuo pannello comprimibile

L’elemento Collapse panel ha due impostazioni, in More > Settings nella sua barra dei controlli.

Impostazione Cosa fa Valore predefinito
Collapse On: ogni interruttore parte chiuso. Off: il primo interruttore parte aperto Off
Expand icon L’icona accanto a ogni titolo: None, + (più e meno) o ﹀ (una freccia) None

Ogni interruttore ha un’impostazione, Toggle title: la domanda o l’intestazione su cui fanno clic i visitatori.

Gestire gli interruttori

  • Riordinare: trascina un interruttore da Toggle nella sua barra dei controlli e rilascialo sopra o sotto un altro.
  • Rinominare: passa sopra all’interruttore, apri More > Settings, cambia il Toggle title e fai clic su Save.
  • Rimuovere: passa sopra all’interruttore, apri More e scegli Delete. La risposta dentro va con lui.

Un interruttore contiene qualsiasi elemento: testo, immagini, pulsanti o una riga con colonne. Tieni breve ogni risposta. Se una risposta merita una pagina propria, collegala invece a quella pagina.

Se non lo vedi

  • La nuova domanda compare in cima. Add toggle inserisce sempre in cima al pannello. Trascina l’interruttore da Toggle nella sua barra dei controlli nel punto che vuoi.
  • Le impostazioni mostrano solo Toggle title. Hai aperto le impostazioni di un interruttore. Passa sopra al bordo superiore del pannello così compare la barra dei controlli di Collapse panel, poi apri lì More > Settings.
  • La prima risposta è aperta al caricamento della pagina. Collapse è disattivato. Attivalo nelle impostazioni di Collapse panel così ogni risposta parte chiusa.
  • Collapse panel manca dalla scheda Layout del selettore. Il tuo profilo utente DXPR Builder lo esclude. Un amministratore seleziona Accordion in Elements nel tuo profilo in /admin/dxpr_studio/dxpr_builder/profile.

E adesso?