Layout - Schede

Nel pannello Page Builder sotto Layout, trascina il segnaposto Tabs ​direttamente nell'area di visualizzazione oppure in una riga o colonna nell'area di visualizzazione.

{width="600" modal="regular"}

Fai clic sull'etichetta Tab 1 per visualizzare la casella degli strumenti delle singole schede e scegli l'icona Impostazioni ( {width="20"} ).

Immettere Tab Name che si desidera utilizzare come etichetta.

{width="600" modal="regular"}

Se necessario, immettere Minimum Height per la scheda.

Questo valore può essere un numero con qualsiasi unità CSS valida (ad esempio 100px, 50%, 50em, 100vh) o un calcolo (ad esempio 100vh - 237px).

Scegliere un'impostazione Vertical Alignment per allineare tutti i contenitori di contenuto aggiunti alla scheda (Superiore, Centrale o Inferiore).

Se necessario, impostate le altre opzioni utilizzando come guida le sezioni seguenti:

• Background
• Advanced

Nell'angolo superiore destro fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Passa il puntatore del mouse sul contenitore delle schede per visualizzare la casella degli strumenti e scegli l'icona Aggiungi ( {width="20"} ).

Fare clic sull'etichetta Tab 2 per visualizzare il cursore e immettere la propria etichetta per la scheda.

Fai di nuovo clic sulla seconda scheda nell'area di visualizzazione e scegli l'icona Duplica ( {width="20"} ).

Fare clic sull'etichetta YourName Copy per visualizzare il cursore e immettere un'etichetta propria per la terza scheda.

Fare clic sulla scheda da spostare.

Seleziona e trascina l'icona Sposta ( {width="20"} ), visualizzata immediatamente prima del testo dell'etichetta della scheda, in una nuova posizione all'interno del set di schede.

Fai clic sulla scheda in cui desideri aggiungere il contenuto.

Nel pannello Page Builder, espandi Elements e trascina un segnaposto Testo nella scheda.

Inserisci o incolla del testo nell’editor e utilizza la barra degli strumenti dell’editor per formattarlo come necessario.

Per ulteriori informazioni sull'utilizzo del tipo di contenuto testo, vedere Elementi - Testo.

{width="500" modal="regular"}

Nell'angolo superiore destro fare clic su Save.

Passa il puntatore del mouse su una singola scheda per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( {width="20"} ).

Se necessario, modifica una delle impostazioni di base per la scheda:

• Tab Name - Immettere il testo revisionato per l'etichetta della scheda. Potete anche modificare l'etichetta direttamente sullo stage.

• Minimum Height - Immettere come pixel se si desidera ignorare l'altezza automatica. Ad esempio, potete impostare l'altezza minima in modo che corrisponda all'altezza di un'immagine di sfondo per garantire che sia visibile l'intera immagine.

• Vertical Alignment - Scegliere la posizione verticale dei contenitori di contenuto aggiunti alla scheda.

Modificare le altre impostazioni in base alle esigenze utilizzando le sezioni seguenti per i dettagli.

Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Passa il puntatore del mouse sul bordo superiore del contenitore del set di schede per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( {width="20"} ).

Se necessario, modificare Default Active Tab.

Scegliere la scheda del set che si desidera rendere attivo al caricamento della pagina.

Immettere Minimum Height, in pixel, se si desidera ignorare l'altezza automatica per il set di schede.

Per posizionare le schede di navigazione nella parte superiore del set di schede, scegliere Tab Navigation Alignment (Left, Center o Right).

{width="500" modal="regular"}

Impostare le opzioni avanzate per il set di schede:

• Per controllare il posizionamento del set di schede all'interno del contenitore principale, scegliere un Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Opzione	Descrizione
  Default	Applica l'impostazione predefinita di allineamento specificata nel foglio di stile del tema corrente.
  Left	Allinea il set di schede lungo il bordo sinistro del contenitore principale, tenendo conto di tutte le spaziature specificate.
  Center	Allinea il set di schede al centro del contenitore principale, tenendo conto di tutte le spaziature specificate.
  Right	Allinea il set di schede lungo il bordo destro del contenitore principale, tenendo conto della spaziatura specificata.

• Imposta lo stile Border applicato a tutti e quattro i lati del contenitore di schede:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Opzione	Descrizione
  Default	Applica lo stile di bordo predefinito specificato dal foglio di stile associato.
  None	Non fornisce alcuna indicazione visibile dei bordi del contenitore.
  Dotted	Il bordo del contenitore viene visualizzato come una linea tratteggiata.
  Dashed	Il bordo del contenitore viene visualizzato come una linea tratteggiata.
  Solid	Il bordo del contenitore viene visualizzato come linea continua.
  Double	Il bordo del contenitore viene visualizzato come una doppia riga.
  Groove	Il bordo del contenitore viene visualizzato come una linea scanalata.
  Ridge	Il bordo del contenitore viene visualizzato come una linea scanalata.
  Inset	Il bordo del contenitore viene visualizzato come una linea interna.
  Outset	Il bordo del contenitore viene visualizzato come una linea di contorno.

• Se si imposta uno stile di bordo diverso da None, completare le opzioni di visualizzazione del bordo:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Opzione	Descrizione
  Border Color	Specificate il colore scegliendo un campione, facendo clic sul selettore del colore oppure immettendo un nome di colore valido o un valore esadecimale equivalente.
  Border Width	Immettere il numero di pixel per lo spessore della linea del bordo.
  Border Radius	Immettere il numero di pixel per definire la dimensione del raggio utilizzato per arrotondare ogni angolo del bordo.

• (Facoltativo) Specificare i nomi di CSS classes dal foglio di stile corrente da applicare al contenitore di schede.

  Separare più nomi di classe con uno spazio.

• Immettere i valori, in pixel, per Margins and Padding per determinare i margini esterni e la spaziatura interna del contenitore di schede.

  Immetti i valori corrispondenti nel diagramma del contenitore schede.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Area contenitore	Descrizione
  Margins	Quantità di spazio vuoto applicata al bordo esterno di tutti i lati del contenitore. Opzioni: Top / Right / Bottom / Left
  Padding	Quantità di spazio vuoto applicata al bordo interno di tutti i lati del contenitore. Opzioni: Top / Right / Bottom / Left

Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.