Risoluzione dei problemi di Flex (1.0)

Limitazioni

Le informazioni seguenti interessano le sezioni Flex e la modalità Flex:

• Non è possibile trascinare oggetti da una griglia all'altra all'interno dell'editor
  
Nota

Gli oggetti possono essere spostati da una griglia all'altra utilizzando il pannello Livelli.

• Le flexbox non possono essere collegate alle raccolte
• Le sezioni flessibili non possono essere aggiunte all'intestazione

Domande frequenti sulla risoluzione dei problemi

Il testo si sovrappone agli oggetti sottostanti quando passo ai breakpoint tablet/mobile

Questo può verificarsi quando gli elementi vengono collocati direttamente sulla grigli, o quando il layout del contenitore è 1x1.

Nel menu di navigazione superiore, clicca sul breakpoint Desktop.

• Se gli oggetti che si sovrappongono si trovano in un contenitore, nel pannello "Progettazione", alla voce Layout personalizzato, seleziona delle righe aggiuntive dal menu a discesa, e colloca ciascun oggetto in una riga.
• Se gli elementi sono direttamente sulla griglia, aggiungi un container con righe e trascinaci sopra gli oggetti, come specificato in precedenza. In alternativa, puoi comporre gli oggetti in una flexbox verticale.

Non posso trascinare per ridimensionare la griglia sui dispositivi mobili

L'altezza della griglia è impostata a un valore minimo, ovvero non diventerà più piccola rispetto all'impostazione assegnata. Se l'altezza minima della griglia è impostata a 400px con un contenitore settato a un'altezza minima di 1200px, la griglia non potrà misurare meno di 1200px.

Per ridimensionare il contenuto:

Nel pannello "Progettazione" alla voce Dimensioni, riconfigura l'altezza minima, oppure ridimensiona il contenuto direttamente in linea, ridimensionando poi la griglia dalla tabella oppure utilizzando il pannello Design.

La mia riga si è ampliata ed appare molto grande sui dispositivi mobili

Sui dispositivi mobili, Flex trasforma le colonne di una griglia in righe. Se l'altezza minima di un oggetto (ad esempio un contenitore) è maggiore dell'altezza minima della griglia sul breakpoint principale, la riga potrebbe non essere visualizzata correttamente sui dispositivi mobili.

Poiché la griglia viene ridimensionata in base al suo contenuto, significa che esiste un'immagine o un contenitore impostato in px.

Per ridimensionare il contenuto:

Partendo dal breakpoint principale, nel pannello Design, alla voce Dimensione, riconfigura l'altezza minima. oppure ridimensiona il contenuto direttamente in linea, ridimensionando poi la griglia dalla tabella oppure utilizzando il pannello Design.

Il mio design appare disordinato quando passo da un breakpoint a un altro

I seguenti motivi possono spiegare perché il tuo design appare disordinato quando passi da un breakpoint a un altro:

• Gli oggetti non sono agganciati alle linee della griglia. Questo si verifica più di frequente quando le celle sono piccole.
• Gli oggetti nella griglia non sono allineati.
• Il pin si trova in una condizione predefinita. Ogni volta che aggiungi un nuovo oggetto, l'oggetto viene fissato in alto a sinistra, per impostazione predefinita. Quando lo allinei, modifichi la posizione in cui è fissato. Ad esempio, se lo allinei verso il basso lo fisserai analogamente in basso. Nota che trascinando l'oggetto dopo averlo fissato comporta la reimpostazione alla condizione predefinita.

Per agganciare gli oggetti alle linee della griglia, trascina un oggetto e usa le linee di aggancio rosa per posizionarlo sulla griglia. In alternativa, usa i comandi di allineamento disponibili nel pannello di progettazione.

Per collocare manualmente la puntina devi selezionare un oggetto e poi, nel pannello "Progettazione", devi scorrere fino a Posizione. Accanto a Fissa, fai clic sulla freccia corrispondente al punto in cui desideri fissare l'oggetto.

Non riesco a cambiare la dimensione dei caratteri sul tablet

Le dimensioni dei caratteri sono le stesse sia per desktop (breakpoint principale e wide desktop) che per tablet. Ti consigliamo di provare e utilizzare una dimensione che si adatti a entrambi i formati.

Sto cercando di cambiare la disposizione degli elementi esclusivamente sui dispositivi mobili, ma le modifiche continuano a interessare tutti i breakpoint

I cambiamenti di ordine strutturale si riflettono su tutti i breakpoint. Supponiamo che sul breakpoint principale vi siano due contenitori adiacenti che occupano l'intera larghezza della griglia, e si desidera che sui dispositivi mobili essi appaiano l'uno sopra l'altro. Se si prova a modificarne la posizione, finiscono l'uno all'interno dell'altro. Quando si nidifica un elemento nel breakpoint mobile, la modifica si riflette su tutti gli altri breakpoint. Non c'è abbastanza spazio per impilare gli elementi, pertanto finiscono l'uno all'interno dell'altro.

Per correggere questo problema, modifica l'altezza minima dello spazio su cui stai lavorando. Seleziona la Griglia e, nel pannello "Progettazione", alla voce Dimensioni, procedi ad aumentare l'Altezza minima. In questo modo avrai più spazio a disposizione per spostare gli elementi. Dopo averli ridisposti, puoi ridimensionare l'altezza dello spazio al valore desiderato.