Aggiungere e modificare le sezioni di Flex (1.0)

Per aggiungere una sezione Flex:

1. Passa con il mouse tra le righe e verrà visualizzato il tasto Aggiungi sezione. Le sezioni vengono visualizzate nel pannello laterale. In alternativa, fai clic sul tasto destro per aprire il menu contestuale, e poi clicca su Aggiungi sezione.
2. Fai clic su Sezioni Flex nel pannello laterale.
3. Fai clic sulle sezioni Flex che desideri aggiungere, quindi clicca su Salva nella parte superiore della pagina.
4. La modalità Flex si aprirà con la sezione da modificare.

Aggiungere contenitori e flexbox

Una volta aggiunta una sezione Flex al sito, puoi impostare la griglia e aggiungere contenitori e flexbox per includere i widget nella sezione.

Per impostare la griglia nella sezione, nel pannello Design, seleziona un layout preimpostato nella sezione Ridisponi layout oppure, in alternativa, seleziona una serie di colonne e di righe, e lo spazio che desideri tra ciascuna di esse nella sezione Personalizza layout.

Per aggiungere contenitori o flexbox alla griglia:

1. Punta verso la griglia e clicca il tasto + aggiungi ().
2. Nella sezione "Elementi Flex", clicca su Contenitore, Flexbox verticale o Flexbox orizzontalo. Per ulteriori informazioni sulla scelta tra contenitore o flexbox, vedi Contenitori e flexbox (1.0).
3. Trascina il contenitore o la flexbox nella posizione desiderata all'interno della griglia. Durante il loro spostamento, compariranno dei punti di colore blu che ti consentiranno di fissare il contenitore o la flexbox in determinate aree della griglia. Nel pannello Design, accanto alla sezione "Fissa in posizione", puoi vedere dove è stato fissato l'elemento.
   
4. Modifica le dimensioni del container o della flexbox trascinandone i bordi fino alla misura desiderata.

Aggiungere e modificare i widget

Una volta aggiunta una sezione Flex al sito, impostata la griglia e aggiunti i contenitori e le flexbox, puoi aggiungere dei widget a questi ultimi.

Dall'editor classico, puoi trascinare un widget dal pannello a sinistra e rilasciarlo dentro una griglia per accedere automaticamente alla modalità Flex.

Per aggiungere dei widget:

1. Punta verso il container o la flexbox e poi clicca sul tasto +.
2. Cerca e seleziona il widget che desideri aggiungere.
3. Trascinalo nel container in cui vuoi che appaia, e modificane le dimensioni.
4. Mentre sposti il widget, compaiono dei punti blu che ti consentono di fissarlo in determinate aree del contenitore. Nel pannello Design, accanto alla sezione Fissa in posizione, puoi vedere dove è stato fissato l'elemento.
   
5. Nota

   Gli elementi all'interno di una flexbox sono disposti automaticamente in un elenco verticale od orizzontale.

6. Una volta aggiunto un widget, comparirà l'Editor di contenuti per la sua configurazione.
7. Modifica il design del widget nel pannello "Design".

Selezionare gli elementi

È possibile utilizzare diversi metodi per selezionare un elemento:

• Passare con il mouse sull'elemento e fare clic. Il primo clic consente di selezionare il livello padre dell'elemento, il secondo clic seleziona il livello annidato, il terzo clic seleziona il livello annidato successivo e via di seguito.

• Passare con il mouse sull'elemento e fare doppio clic. In tal modo verrà selezionato l'elemento su cui è passato il mouse, a prescindere da quanto sia annidato.

• Passare con il mouse sull'elemento e fare clic su Command/Control + Select. In tal modo verrà selezionato l'elemento su cui è passato il mouse, a prescindere da quanto sia annidato.

Copia e incolla elementi e widget Flex

Puoi copiare e incollare elementi flex (griglie, contenitori, flexbox) e widget in modalità flex. Ad esempio, puoi copiare una griglia da una pagina e incollarla in una sezione flessibile di un'altra pagina. Puoi anche copiare i widget dall'editor normale e incollarli in sezioni flex. La funzionalità di copia e incolla ti aiuta di risparmiare tempo consentendoti di ricreare rapidamente progetti complessi e creare siti più velocemente.

Per copiare e incollare elementi flessibili o widget durante la modalità flex, fai clic con il pulsante destro del mouse sull'elemento o sul widget e selezionare Copia o Incolla dal menu. Per i widget, è anche possibile accedere a Copia e Incolla selezionando il widget e facendo clic su Altro ().

Per copiare un widget dall'editor standard e incollarlo in una sezione Flex, fai clic sul widget nell'editor standard per aprire il menu Contenuto e design. Fai clic sull'icona delle impostazioni () e seleziona Copia dal menu. Vai alla sezione flex desiderata, fai clic con il pulsante destro del mouse e seleziona Incolla dal menu.

Riordinare gli elementi

È possibile utilizzare le frecce per spostare gli elementi nidificati nelle flexbox, nelle sezioni e nelle griglie. È possibile accedere alle frecce dalla barra mobile, oppure facendo clic con il pulsante destro del mouse per aprire il menu di scelta rapida. L'uso delle frecce per riordinare gli elementi aiuta a rendere le modifiche più fluide e a prevenire l'annidamento imprevisto degli elementi.

Gli elementi possono essere spostati nelle seguenti direzioni:

• Elementi nidificati nelle flexbox. Nelle flexbox orizzontali gli elementi possono essere spostati da sinistra a destra, mentre in quelle verticali, verso l'alto o verso il basso.

• Griglie nidificate in una sezione. Possono essere spostate in alto o in basso.

• Elementi nidificati nelle griglie o nei container. Possono essere spostati in qualunque direzione, purché vi siano due elementi affiancati che si estendano sull'intera cella.