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 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 nouvelles variantes de page 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 d’aménagement 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 enveloppé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, vos composants ou le style des composants.

Tous les emplacements de l’ancien système de mise en page sont migrés lors 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 affecté, 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 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 Tout > 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 anciennes pages créées à l’aide du système de mise en page 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 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 à niveau en sélectionnant Comparer les deux versions de mise en page dans la notification La mise en page doit être revue avant de pouvoir la modifier .
   
   Deux onglets de navigateur s’ouvrent, l’un affichant votre mise en page actuelle et l’autre affichant la mise à niveau de la mise en page.
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’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 (