---
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


---

Mise à niveau des mises en page dans Générateur d'IU
====================================================

Mise à niveau des mises en page dans Générateur d'IU {#ariaid-title1}
=====================================================================

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 minutes de lecture

Mettez à niveau les mises en page créées dans Quebec et Rome vers le nouveau système de mise en page.

Le Générateur d'IU système de mise en page a été amélioré et mis à jour dans la San Diego version. Ce nouveau système de mise en page comprend une arborescence de contenu simplifiée et un nouveau panneau de style pour la configuration de la mise en page et le style des composants. Toutes les variantes de page nouvellement créées utilisent le nouveau système de mise en page. Vous avez la possibilité d'effectuer une mise à niveau vers le nouveau système de mise en page pour les pages existantes et personnalisées.  
Le nouveau système de mise en page comprend les éléments suivants :

* Une arborescence de contenu simplifiée
* Panneau de style amélioré pour la configuration de la disposition et le style des composants
* Interface utilisateur low-code pour configurer les mises en page CSS, [Flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) et [Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) .
* Interface utilisateur améliorée pour l'application de style des composants
* Les mises en page mises à jour ne nécessitent pas d'emplacements
{#upgrade-layout-uib__ul_vcg_xlg_xrb}

Éléments à rechercher après la mise à niveau des mises en page {#upgrade-layout-uib__section_ijq_xll_xrb}
---------------------------------------------------------------------------------------------------------

Les variantes et les pages sont mises à niveau individuellement.

Une page/variante est composée d'une mise en page, de composants et de sous-composants, qui sont encapsulés dans un conteneur dans une mise en page avec des ressources de données, des liaisons d'événements et une composition. Seule la mise en page de votre page est mise à niveau lors de la mise à niveau vers le nouveau système de mise en page, de sorte qu'il n'y a aucun impact sur vos données, composants ou style des composants.

Tous les emplacements de l'ancien système de mise en page sont migrés pendant le processus de mise à niveau vers la nouvelle mise en page. Le processus de mise à niveau modifie la façon dont les conteneurs de composants sont structurés sur votre page.

Bien que le style des composants ne soit pas impacté, il peut ne pas y avoir de migration de style un à un de la façon dont les composants ont été positionnés. Les pages complexes peuvent présenter des désalignements visuels qui se produisent au cours du processus de mise à niveau lorsque les styles sont fusionnés des emplacements aux conteneurs. Certains problèmes doivent être résolus manuellement.

Mettre à niveau votre mise en page vers le nouveau système de mise en page {#ariaid-title2}
-------------------------------------------------------------------------------------------

Mettez à niveau vos Générateur d'IU pages vers le nouveau système de mise en page.

### Avant de commencer

Rôle requis : ui_builder_admin

### Procédure

1. Accédez à la ToutCadre de travail Now ExperienceGénérateur d'IU.
2. Ouvrez une expérience avec la page que vous souhaitez mettre à niveau.  
   Consultez la rubrique [Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/Y1bOUW4pQdHutnAVEjdwrA "Découvrez ce qu’est une expérience dans Générateur d'IU. Comprendre le contenu d’une expérience.") pour plus d'informations sur la création d'expériences.
3. Sélectionnez la page que vous souhaitez mettre à niveau.  

   Vous pouvez trouver des variantes de page qui peuvent être mises à niveau vers le nouveau système de mise en page balisé par un point rouge.  
   Remarque :  
   Les pages héritées créées à l'aide du système de mise en page de pré-ligneQuebec /colonne ne peuvent pas être mises à niveau et doivent être reconstruites avec le nouveau système de mise en page.
4. Sélectionnez le bouton Mettre à jour la mise en page .  
   Générateur d'IU commence à mettre à jour la mise à jour de votre mise en page vers le nouveau système de mise en page. Une notification s'affiche lorsque le processus est terminé.
5. Vous pouvez comparer votre ancienne mise en page à la mise en page mise à niveau en sélectionnant Comparer les deux versions de mise en page dans La mise en page doit être examinée avant de pouvoir modifier la notification.  
   Deux onglets de navigateur s'ouvrent, l'un affichant votre mise en page actuelle et l'autre affichant la mise en page mise à niveau.
6. Sélectionnez Conserver nouveau si vous souhaitez mettre à jour la page vers le nouveau système de mise en page, ou sélectionnez Utiliser ancien si vous souhaitez conserver la mise en page telle qu'elle était.  
   Une fenêtre modale s'affiche pour vous demander de confirmer votre sélection.
7. Sélectionnez Conserver nouveau pour terminer la mise à niveau vers le nouveau système de mise en page ou sélectionnez Utiliser l'ancien pour inverser le processus de mise à niveau et revenir à l'ancien système de mise en page.  
8. La page se recharge avec les changements appliqués.
9. Affichez et testez votre page en sélectionnant le bouton Aperçu (bouton ![Aperçu qui ouvre la variante de page).]()