Le sezioni flessibili creano un layout e allineano automaticamente gli oggetti, aiutandoti a progettare sezioni accattivanti in modo semplice e veloce. Tuttavia, quando hai un design più complesso con oggetti sovrapposti o una composizione libera, è necessario utilizzare una griglia avanzata. Le griglie avanzate consentono di posizionare gli elementi in una composizione libera senza layout automatico. Per questo motivo, ti consigliamo di controllare il tuo design a tutti i punti di interruzione.
Questo articolo è rilevante solo per gli utenti che hanno iniziato a utilizzare Flex dopo il 18 luglio 2022 .
Per creare elementi sovrapposti:
- Fare clic per selezionare una colonna flessibile.
- Nel menu mobile o nella colonna flessibile, fare clic sull'icona più (
). - Nella sezione Elementi flessibili, seleziona Griglia avanzata (in precedenza denominata Contenitori). Nota:
Per assicurarti di seguire le best practice, trascina i bordi della griglia avanzata in modo che si estenda per l'intera larghezza della colonna flessibile.
- Nella sezione Layout del pannello di progettazione, seleziona una griglia predefinita da Riorganizza layout . In alternativa, se desideri creare una griglia personalizzata, utilizza i menu a discesa Colonne e Righe da Personalizza layout per aggiungere colonne e/o righe.
- Nel menu mobile, fare clic sull'icona più, quindi selezionare i widget desiderati e disporli nella griglia avanzata.
- Fare clic per selezionare un elemento e nella sezione Disponi del pannello di progettazione, selezionare Porta in primo piano , Porta in avanti , Porta indietro o Porta sullo sfondo .
Ti consigliamo di controllare il design a ogni punto di interruzione quando utilizzi griglie avanzate. In caso di elementi sovrapposti, potrebbe essere necessario modificare il design in corrispondenza di determinati punti di interruzione.