---
sourceDocument: Yokohama Créer ou modifier des applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Yokohama Créer ou modifier des applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

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

Organiser les composants dans les pages du générateur d'IU {#ariaid-title1}
===========================================================================

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 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 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 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 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. Utilisez plusieurs mises en page en 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.

Pensez à 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.

Les mises en Générateur d'IU page en colonnes utilisent des règles de feuilles de style en cascade (CSS) 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](https://developer.mozilla.org/en-US/docs/Web/CSS) 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.
* **[Mises en page en colonnes](https://servicenow-prod.fluidtopics.net/BgHnRp7KvYrn2FFoG4hTKw#column-layout)**   
  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](https://servicenow-prod.fluidtopics.net/JUPOju4_diYUEYE1e0vWPA#upgrade-layout-uib)**   
  Mettez à niveau les mises en page créées dans Quebec et Rome vers le nouveau système de mise en page.
* **[Utiliser les mises en page Flexbox dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/d5eHiDNfIDixvzGi4vjBng#flexbox-uib)**   
  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 les mises en page de grille CSS pour créer une page](https://servicenow-prod.fluidtopics.net/MmgwGp2BL3iTZf7~4FzZPA#css-grid-uib)**   
  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](https://servicenow-prod.fluidtopics.net/Ait6GlZ3SAjQqLywrk8KfA)**   
  Ajoutez et modifiez la conception de 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 CSS (Cascading Style Sheets), telles que Flexbox et CSS Grid.