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

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 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’apparence 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 propose actuellement trois facteurs de forme par défaut :

    • Ordinateur de bureau (1281 pixels et plus)
    • Tablette (1280 pixels et moins)
    • Mobile (500 pixels et moins)
    Ajoutez jusqu’à trois points d’arrêt supplémentaires. Par exemple, il existe un facteur de forme par défaut de 500 pixels et moins 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 périphériques dont la largeur est é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), à moins qu’il n’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 dans laquelle 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, voir Créer une page dans le 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 du générateur d’IU avec flèche noire pointant vers l’icône du menu de facteur de forme.
    5. Sélectionnez + Ajouter un point d’arrêt.
      Icône du menu de création dynamique sélectionnée avec la 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.

      La nouvelle icône de facteur de forme s’affiche.

      Au fur et à mesure que vous créez 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 de modification ou de suppression.
      Icône de menu de création dynamique développée avec une flèche noire pointant vers des icônes de modification et de suppression pour 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.