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

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 1 minute de lecture
  • Les mises en page en colonnes organisent les composants d’une Générateur d'IU page. Découvrez comment les mises en page en 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 colonnes 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 en colonne 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 en 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 en colonnes que vous devez utiliser.

    Exemples de dispositions de colonnes disponibles dans le 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, grille CSS et 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 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 ou Washington DC et ajouter des mises en page en colonnes aux pages.