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

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

Le système de Générateur d'IU 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 :

• Arborescence de contenu simplifiée
• Panneau de style amélioré pour la configuration de la mise en page et le style des composants
• Interface utilisateur low-code pour configurer les mises en page CSS, Flexbox et Grille .
• Interface utilisateur améliorée pour l’application de style des composants
• Les mises en page mises à jour ne nécessitent pas d’emplacements

Éléments à rechercher après la mise à niveau des mises en page

Les variantes et les pages sont mises à niveau individuellement.

Une page/une variante est composée d’une mise en page, de composants et de sous-composants qui sont enveloppés dans un conteneur au sein d’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, vos composants ou le 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

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 Tous > Cadre de travail Now Experience > Gé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 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 en page de votre 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 ouverts, 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 et vous demande 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 ramener la page à 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