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

Mettre à niveau les mises en page créées dans et Rome vers Quebec 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 cette 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 mise en page et le style des composants
• Interface utilisateur low-code pour la configuration des mises en page CSS, Flexbox et Grid .
• Interface utilisateur améliorée pour le 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/variante est composée d’une mise en page, de composants et de sous-composants, qui sont encapsulé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 au cours du 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 se peut qu’il n’y ait pas 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 vers les 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 Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU pour en savoir plus 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 anciennes pages 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 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 revue 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 l’ancienne si vous souhaitez conserver la mise en page telle qu’elle était.
   Un modal 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 renvoyer la page à l’ancien système de mise en page.
   
8. La page se recharge avec les modifications appliquées.
9. Affichez et testez votre page en sélectionnant