Aller au contenu principal

Site Web avancé : créer des éléments superposés dans Flex

Les sections flexibles créent une mise en page et alignent automatiquement les objets, ce qui vous permet de créer facilement et rapidement de belles sections. Cependant, pour une conception plus complexe avec des objets superposés ou une composition libre, vous devez utiliser une grille avancée. Les grilles avancées vous permettent de placer des éléments dans une composition libre sans mise en page automatique. C'est pourquoi nous vous recommandons de vérifier votre conception à chaque point d'arrêt.

Note :

Cet article ne concerne que les utilisateurs qui ont commencé à utiliser Flex après le 18 juillet 2022.

Pour créer des éléments qui se chevauchent :

  1. Cliquez pour sélectionner une colonne flexible.
  2. Dans le menu flottant ou dans la colonne flexible, cliquez sur l'icône plus ().
  3. Dans la section éléments flexibles, sélectionnez Grille avancée (anciennement nommée conteneurs).
    Note :

    Pour vous garantir de suivre les meilleures pratiques, faites glisser les bords de la grille avancée afin qu'elle couvre toute la largeur de la colonne flexible.

  4. Dans la section « Disposition » du panneau de conception, sélectionnez une grille prédéfinie dans « Réorganiser la disposition ». Pour créer votre propre grille, utilisez les menus déroulants « Colonnes » et « Lignes » de « Personnaliser la disposition » pour ajouter des colonnes et/ou des lignes.
  5. Dans le menu flottant, cliquez sur l'icône plus, puis sélectionnez les widgets souhaités et disposez-les dans la grille avancée.
  6. Cliquez pour sélectionner un élément et, dans la section Organiser du panneau de conception, sélectionnez Mettre au premier plan, Mettre en avant, Envoyer à l'arrière ou Envoyer en arrière.
Note :

Nous vous recommandons de vérifier votre conception à chaque point d'arrêt lorsque vous utilisez des grilles avancées. En cas de chevauchement d'éléments, vous devrez peut-être ajuster la conception à certains points d'arrêt.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0