Aggiunta di un pannello a schede.
Usa le Schede quando vuoi più blocchi di contenuti correlati in un unico punto, visibili uno alla volta. Ottieni una fila di etichette di scheda; i visitatori fanno clic su un’etichetta per vederne il contenuto. L’esempio crea una pagina di agenzia con una scheda per servizio. Per domande e risposte, di solito un pannello comprimibile si legge meglio.
Aggiungi un pannello a schede
- Passa sopra alla colonna e fai clic su + nella sua barra dei controlli, o sul + al centro di una colonna vuota, per aprire il selettore di elementi.
- Nella scheda Layout fai clic su Tabs. L’elemento compare con una scheda, denominata Title.
- Passa sopra al pannello della scheda e apri More > Settings. Digita un nome in Tab title e fai clic su Save.
- Fai clic su + dentro il pannello per aggiungere contenuti, per esempio un elemento Text.
- Per aggiungere una scheda, passa sopra alle etichette delle schede e fai clic su Add tab nella barra dei controlli di Tabs. La nuova scheda arriva prima, davanti alle altre. Nominala e riempila allo stesso modo.
Cosa vedi
Una fila di etichette di scheda sta sopra il contenuto della scheda aperta. In Preview e sulla pagina pubblicata, un clic su un’etichetta mostra il contenuto di quella scheda e nasconde il resto. Ogni scheda contiene i propri elementi, così una scheda può portare testo e un’altra una serie di card. Sugli schermi più stretti di 768 pixel le schede diventano intestazioni impilate che si aprono come un pannello comprimibile.
Configura le tue schede
L’elemento Tabs ha tre impostazioni. Aprilo da More > Settings nella barra dei controlli di Tabs, che compare quando passi sopra alle etichette delle schede.
| Impostazione | Cosa fa | Valore predefinito |
|---|---|---|
| Tab direction | Dove stanno le etichette: Default (sopra il contenuto), Left o Right | Default |
| Style | L’aspetto delle etichette: Default (una riga sotto le etichette), Modern (card arrotondate) o Accordion (intestazioni con linee di separazione) | Default |
| Mobile friendly | Mostra le schede come intestazioni comprimibili sugli schermi più stretti di 768 pixel | On |
Ogni scheda ha le sue impostazioni in More > Settings sul suo pannello. Tab title è il testo dell’etichetta. Tab description è una breve riga facoltativa sotto l’etichetta della scheda aperta.
Gestire le schede
- Riordinare: trascina un’etichetta di scheda in un nuovo punto tra le etichette. Il suo contenuto si sposta con lei.
- Rinominare: passa sopra al pannello della scheda, apri More > Settings, cambia il Tab title e fai clic su Save.
- Rimuovere: passa sopra al pannello della scheda, apri More e scegli Delete. Tutto ciò che è dentro la scheda viene rimosso con lei.
Tieni le etichette a una o tre parole e resta intorno a cinque schede, così le etichette stanno su una riga.
Se non lo vedi
- La nuova scheda è prima invece che ultima. Add tab mette sempre la nuova scheda davanti. Trascina la sua etichetta nel punto che vuoi.
- Le impostazioni mostrano solo Tab title e Tab description. Hai aperto le impostazioni di una scheda. Passa sopra alle etichette delle schede così compare la barra dei controlli di Tabs, poi apri lì More > Settings.
- I telefoni mostrano intestazioni impilate invece di schede. Mobile friendly è attivo, ed è il valore predefinito. Disattivalo nelle impostazioni di Tabs per tenere le schede a ogni larghezza di schermo.
- Tabs manca dalla scheda Layout del selettore. Il tuo profilo utente DXPR Builder lo esclude. Un amministratore seleziona Tabs in Elements nel tuo profilo in
/admin/dxpr_studio/dxpr_builder/profile.
E adesso?
- Aggiunta di un pannello comprimibile: impila domande e risposte che si aprono una alla volta.
- Aggiunta di un layout carosello: mostra lo stesso tipo di contenuto una slide dopo l’altra.
- Annidamento: metti righe e colonne dentro una scheda per layout più ricchi.