Créer un point d’arrêt pour la création dynamique

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 1 minute de lecture
  • Découvrez comment créer des points d’arrêt personnalisés pour la création dynamique afin de contrôler l’aspect et la convivialité d’une page à différents facteurs de forme.

    Avant de commencer

    Rôle requis : ui_builder_admin

    Pourquoi et quand exécuter cette tâche

    Générateur d'IU offre actuellement trois facteurs de forme par défaut :

    • Ordinateur de bureau (1 281 pixels et plus)
    • Tablette (1 280 pixels et moins)
    • Mobile (500 pixels et moins)
    Ajoutez jusqu’à trois points d’arrêt supplémentaires. Par exemple, le facteur de forme par défaut est inférieur ou égal à 500 pixels pour les appareils mobiles, mais vous aurez peut-être besoin d’un point d’arrêt de 360 pixels.
    Remarque :
    Les points d’arrêt personnalisés représentent une plage. Si vous créez un point d’arrêt à 800 pixels, toutes les modifications s’appliquent aux appareils d’une largeur égale ou inférieure à la nouvelle taille. Par exemple, une page ouverte sur un écran de 750 pixels de large utilise les paramètres de 800 pixels (propriétés et styles), sauf s’il existe un autre point d’arrêt personnalisé à 750 pixels.

    Procédure

    1. Accédez à la Tout > Cadre de travail Now Experience > Générateur d'IU.
    2. Ouvrez une expérience pour travailler ou créez une expérience en sélectionnant Créer > expérience.
      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. Ouvrez une page existante créée à partir de zéro avec la création dynamique ou créez une page à partir de zéro avec la création dynamique.
      Pour plus d’informations sur la création d’une page, consultez Créer une page dans Générateur d’IU.
    4. Sélectionnez l’icône de menu en regard des trois icônes de facteur de forme.
      Vue de l’éditeur d’UI Builder avec une flèche noire pointant vers l’icône de menu de facteur de forme.
    5. Sélectionnez + Ajouter un point d’arrêt.
      Icône de menu de création dynamique sélectionnée avec une flèche noire pointant pour ajouter une option de point d’arrêt.
    6. Saisissez une largeur (en pixels) et sélectionnez Ajouter.
      Fenêtre de point d’arrêt personnalisée.
      Le nouveau point d’arrêt est enregistré et apparaît sous la forme d’une icône de facteur de forme.

      L’icône Nouveau facteur de forme s’affiche.

      Au fur et à mesure de la création de la page, sélectionnez l’une des icônes de facteur de forme pour afficher et modifier la page à cette taille.

    7. Pour modifier ou supprimer un point d’arrêt personnalisé, sélectionnez l’icône de menu, pointez sur son nom, puis sélectionnez l’icône Modifier ou Supprimer.
      Icône de menu de création dynamique développée avec une flèche noire pointant vers les icônes de modification et de suppression d’un point d’arrêt personnalisé.
      Remarque :
      Les facteurs de forme par défaut (ordinateur de bureau, tablette et mobile) ne peuvent pas être modifiés ou supprimés.