Organiser les composants dans les pages du générateur d'IU

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 1 minute de lecture
  • Les mises en page en colonnes organisent les composants sur 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 de 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 de la mise en page. Par exemple, définissez une largeur et une couleur de bordure différentes pour une mise en page en colonne et pour les colonnes individuelles dans 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. Utiliser plusieurs mises en page à 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 d’autres 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 type de mise en page ou de mises en page des colonnes que vous devez utiliser.

    Exemples de mises en page de colonnes disponibles dans Générateur d’IU.

    Les mises en Générateur d'IU page en colonnes utilisent des règles CSS (Cascading Style Sheets) basées sur des normes et des technologies de mise en page Web telles que Flexbox, la grille CSS et le positionnement absolu. Donc, tout ce que vous pouvez faire en CSS, vous pouvez le faire ici. Visitez Mozilla pour en savoir plus sur CSS.
    Remarque :
    Si vous avez créé des pages existantes Générateur d'IU dans une version antérieure (Utah ou Tokyo), vous pouvez effectuer une mise à niveau vers Vancouver ou Washington DC et ajouter des mises en page de colonne aux pages.