Organiser les composants dans les pages de Générateur d’IU

Les mises en page en colonnes organisent les composants d’une Générateur d'IU page. Découvrez comment les mises en page de colonnes sont utilisées dans Générateur d'IU.

Les mises en page en colonnes vous permettent de créer des pages utiles et visuellement attrayantes dans une expérience. Une disposition en colonne est un type de conteneur flexible qui peut contenir des composants. Les mises en page en colonnes peuvent avoir des colonnes de largeurs égales ou différentes. Vous pouvez configurer la mise en page des colonnes dans son ensemble et les colonnes individuelles dans la mise en page. Par exemple, définissez une largeur et une couleur de bordure différentes pour une mise en page de colonne et pour les colonnes individuelles de la mise en page. Les mises en page en colonnes peuvent contenir des colonnes vides sur une page pour créer un Générateur d'IU espace blanc. Utilisez des mises en page en plusieurs colonnes sur une page. Par exemple, une mise en page à deux colonnes peut contenir un en-tête et une image, puis une mise en page à trois colonnes en dessous peut contenir plus de composants comme une liste et un formulaire.

Réfléchissez à la mise en page de votre page avant de commencer à la créer. Analysez ce que vous voulez réaliser et la complexité de la mise en page. Ces questions déterminent le ou les types de mise en page de colonne que vous devez utiliser.

Les mises en page en colonnes utilisent des règles de feuilles de style en cascade (CSS) basées sur des Générateur d'IU normes et des technologies de mise en page Web telles que Flexbox, grille CSS et positionnement absolu. Donc, tout ce que vous pouvez faire en CSS, vous pouvez le faire ici. Rendez-vous sur Mozilla pour en savoir plus sur CSS.

Remarque :

Si vous avez déjà Générateur d'IU créé des pages dans une version antérieure (Utah ou Tokyo), vous pouvez effectuer une mise à niveau vers Vancouver et ajouter des mises en page en colonnes aux pages.

Les éléments suivants ne sont pas pris en charge dans les mises en page de colonnes pour le moment :

• Masquer/afficher les colonnes en fonction des conditions.
• Faire glisser des colonnes dans une mise en page pour les réorganiser.
• Renommer les colonnes (vous pouvez toutefois renommer une mise en page de colonne).

• Mises en page en colonnes
  Les mises en page en colonnes sont utilisées pour concevoir et organiser Générateur d'IU les pages.
• Mise à niveau des mises en page dans Générateur d'IU
  Mettre à niveau les mises en page créées dans et Rome vers Quebec le nouveau système de mise en page.
• Utilisation des mises en page Flexbox dans Générateur d'IU
  Créez une mise en page Flexbox pour Générateur d'IU créer des pages puissantes afin de pouvoir les personnaliser avec des feuilles de style en cascade (CSS) et d’améliorer vos performances.
• Utiliser des mises en page de grille CSS pour créer une page
  Créez une mise en page de grille CSS pour Générateur d'IU créer des pages puissantes afin de pouvoir les personnaliser avec des feuilles de style en cascade (CSS) et d’améliorer vos performances.
• Modifier la mise en page d’une page créée dans Quebec ou Rome
  Ajoutez et modifiez votre mise en page pour changer l’apparence de votre page. Choisissez le mode d’affichage des composants sur une page grâce aux technologies de mise en page Web de feuilles de style en cascade (CSS), telles que Flexbox et Grille CSS.