--- sourceDocument: Yokohama Créer ou modifier des applications sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/application-development Release : - yokohama ft:locale : - fr-FR ft:publication_title : - Yokohama Créer ou modifier des applications ft:clusterId : - cadev bundleId : - cadev workflow : - Creator --- Création dynamique ================== Création dynamique {#ariaid-title1} =================================== * Rversion finale: Yokohama * * Mis à jour 30 janv. 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 minutes de lecture Utilisez la création dynamique pour créer Générateur d'IU des pages qui s'adaptent facilement à différents facteurs de forme (tailles), tels qu'un ordinateur de bureau, une tablette et un appareil mobile. Création dynamique dans Générateur d'IU {#responsive-authoring__section_mfl_5jp_qbc} ------------------------------------------------------------------------------------ La création dynamique vous permet de créer des pages qui ont une belle apparence et qui fonctionnent correctement avec n'importe quel facteur de forme, ce qui facilite l'interaction des utilisateurs avec le contenu. Par exemple, une page contenant trois colonnes, lorsqu'elle est affichée sur un ordinateur portable, peut s'ajuster à une seule colonne pour les écrans plus petits. Générateur d'IU offre actuellement trois facteurs de forme par défaut : * Ordinateur de bureau (1281 pixels à l'infini) * Tablette (1 280 pixels et moins) * Mobile (500 pixels à zéro) {#responsive-authoring__ul_qsx_xwp_qbc} En plus de ces facteurs de forme, vous pouvez créer jusqu'à trois points d'arrêt personnalisés supplémentaires (largeurs). Pour plus d'informations, consultez [Créer un point d'arrêt pour la création dynamique](https://servicenow-prod.fluidtopics.net/pCha3TYVAwir8zSacn9UCQ "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."). Il existe différentes techniques pour modifier les pages afin qu'elles soient utilisables dans différents facteurs de forme. Utilisez l'une des options suivantes : * [Afficher ou masquer les composants](https://servicenow-prod.fluidtopics.net/DayES2MBKHVccKE7g_EX0g "Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment afficher ou masquer des composants en effectuant les étapes pour masquer une image à la taille mobile.") * [Changer la configuration du composant](https://servicenow-prod.fluidtopics.net/MMmPuIkAKaSJ3zvwOIU2eg "Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment l’ajustement de certaines options de configuration des composants peut améliorer l’apparence et le fonctionnement des pages dans des tailles plus petites.") * [Modifier les styles](https://servicenow-prod.fluidtopics.net/J9o3ee6ySHflNFlz_g3jPQ "Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment modifier les options de style pour augmenter la convivialité de la page dans des tailles plus petites.") * [Réorganiser la mise en page](https://servicenow-prod.fluidtopics.net/7TkwCVAD0myJRWV29Nnlyw "Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment ajuster la mise en page pour améliorer l’apparence de la page dans des tailles plus petites.") {#responsive-authoring__ul_yn3_5qb_1cc} Création et redisposition réactives {#responsive-authoring__section_yw3_xrs_rbc} -------------------------------------------------------------------------------- À partir de la version 1 du Xanadu Store, la création dynamique n'est disponible que lors de la création Générateur d'IU de pages à partir de zéro. La création dynamique n'est pas disponible pour les pages existantes ou les pages créées avec un modèle. Ces types de pages continuent d'utiliser le modèle de redisposition par défaut existant pour ajuster les pages à différentes largeurs d'écran. La redisposition transforme automatiquement les mises en page en une vue verticale empilée sans perte de contenu ou de fonctionnalité lorsque les utilisateurs augmentent le zoom du navigateur à 400 %. Cet ajustement aide les utilisateurs malvoyants ou qui ont des difficultés à voir le contenu Web dans un navigateur en raison de la taille du moniteur, du type d'appareil, d'un mauvais éclairage ou d'autres situations. Toutes les pages existantes qui ont été créées avec des modèles ou à partir de zéro utilisent automatiquement la redistribution. Désormais, lors de la création de pages à partir de zéro dans Générateur d'IU, une étape supplémentaire vous montre que la création dynamique est sélectionnée par défaut. Vous pouvez choisir d'utiliser la redisposition à la place en sélectionnant Créer sans responsive, cependant, l'utilisation de l'option de création réactive vous donne plus de contrôle sur le fonctionnement des pages et l'aspect des différents facteurs de forme. Pour plus d'informations sur la création de pages dans Générateur d'IU, voir [Créer une page dans le générateur d'IU](https://servicenow-prod.fluidtopics.net/7FlPZg9EshuX4KGkHUH3Ew "Créez une page Générateur d'IU pour un portail, un espace de travail ou une application personnalisée afin de créer une expérience Web pour vos utilisateurs."). Pour en savoir plus sur la redisposition, reportez-vous à la section [Reflow for Configurable Workspace](https://www.servicenow.com/docs/access?context=auto-reflow&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US). Pour obtenir la liste des Générateur d'IU composants qui prennent en charge la redisposition, consultez la section Prise en charge de la redisposition des [notes de version des composants Next Experience](https://servicenow.com/docs/bundle/washingtondc-release-notes/page/release-notes/now-platform-app-engine/component-rn.html). Application et cascade des changements {#responsive-authoring__section_j1j_wrs_rbc} ----------------------------------------------------------------------------------- Toutes les modifications apportées à un facteur de forme sont appliquées automatiquement à tous les facteurs de forme plus petits. Par exemple, toutes les modifications apportées à la tablette s'appliquent à la fois à la tablette et au mobile. Toutefois, si vous apportez ensuite des modifications au facteur de forme mobile, cela remplace les paramètres en cascade du facteur de forme de la tablette. Cette fonctionnalité en cascade vous permet d'apporter des modifications spécifiques pour chaque facteur de forme plus petit afin que la page ait une apparence et un bon fonctionnement de la page. Remarque : Les changements ne se répercutent pas en cascade jusqu'à des tailles plus grandes. Par exemple, les modifications apportées à la tablette ne sont pas appliquées au bureau. Création et contrôleurs réactifs {#responsive-authoring__section_uj2_hmp_lcc} ----------------------------------------------------------------------------- Si vous ajoutez un contrôleur à une page, les propriétés du contrôleur sont globales et ne peuvent pas être définies par facteur de forme. Pour plus d'informations sur les contrôleurs, reportez-vous à la section [Lier les données aux Générateur d'IU pages à l'aide de contrôleurs (fonctionnalité avancée)](https://servicenow-prod.fluidtopics.net/VUtzjc7vCdT7ndKGhMZjhQ#controllers "Les contrôleurs simplifient la liaison des données et de la logique d’événement pour activer les paramètres prédéfinis des composants dans Générateur d'IU."). Utiliser la création dynamique lorsque vous créez des pages {#responsive-authoring__section_bls_vjp_qbc} -------------------------------------------------------------------------------------------------------- Au fur et à mesure que vous créez des pages, créez des conceptions personnalisées pour contrôler l'apparence des différents facteurs de forme. Par défaut, sur l'étape, vous créez des pages pour le bureau (1281 pixels à l'infini). À tout moment, sélectionnez une autre icône pour afficher la page sur l'étape dans un facteur de forme différent, tel qu'une tablette ou un mobile. Si nécessaire, modifiez la page afin qu'elle s'affiche correctement au nouveau facteur de forme. Voici à quoi ressemble un exemple de page au format de bureau. Voici la même page personnalisée pour le facteur de forme de la tablette. Pour les tablettes, les composants d'en-tête et d'image ont été réduits. La configuration du composant de liste simple a été modifiée pour afficher quatre colonnes au lieu de six et le nombre maximal de lignes a été défini sur 5. Lors de la modification d'un composant pour un facteur de forme, les champs qui ont été modifiés sont marqués d'une icône en cascade pour ce facteur de forme (dans ce cas, tablette). L'icône vous permet de déterminer facilement les différences entre les facteurs de forme d'une page donnée. Voici la même page personnalisée pour le facteur de forme mobile. Le nombre de mots dans l'en-tête a été réduit et le composant d'image a été masqué. La configuration du composant de liste simple a été modifiée pour afficher deux colonnes au lieu de quatre et l'option permettant de masquer l'option de pied de page \<\< Afficher tout \>\> a été sélectionnée. Les deux champs personnalisés spécifiquement pour le mobile affichent une icône en cascade mobile en regard d'eux. Le champ Nombre maximal de lignes conserve l'icône en cascade de la tablette, car ce champ hérite du paramètre de tablette et n'a pas été personnalisé pour mobile. En plus des facteurs de forme par défaut dans la vue de l'éditeur, vous pouvez à tout moment saisir manuellement un nombre dans le champ des pixels. L'étape s'ajuste au facteur de forme le plus proche en fonction de la plage. Par exemple, si vous saisissez 850 pixels, l'étape s'adapte au facteur de forme de la tablette, car sa plage est comprise entre 1 280 et 501 pixels. ![Flèches noires pointant vers l’icône du facteur de forme de la tablette et le champ de pixels.]() Remarque : Des facteurs de forme et la possibilité d'entrer une largeur en pixels sont également disponibles lors de l'aperçu d'une page. Pour plus d'informations, consultez [Découvrez comment afficher et tester votre Générateur d'IU expérience](https://servicenow-prod.fluidtopics.net/yLVUbePnKFlqgIm6ZvbCUw "Prévisualisez votre expérience dans Générateur d'IU pour voir à quoi elle ressemble et fonctionne lors de la création d’une expérience. L’aperçu permet de s’assurer que votre expérience fonctionne comme prévu, que les ressources de données sont disponibles et que les mises en page sont correctement configurées."). * **[Ajustement de la visibilité des composants dans la création dynamique](https://servicenow-prod.fluidtopics.net/DayES2MBKHVccKE7g_EX0g)** Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment afficher ou masquer des composants en effectuant les étapes pour masquer une image à la taille mobile. * **[Configuration des composants pour la création dynamique](https://servicenow-prod.fluidtopics.net/MMmPuIkAKaSJ3zvwOIU2eg)** Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment l'ajustement de certaines options de configuration des composants peut améliorer l'apparence et le fonctionnement des pages dans des tailles plus petites. * **[Ajuster les styles pour une création dynamique](https://servicenow-prod.fluidtopics.net/J9o3ee6ySHflNFlz_g3jPQ)** Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment modifier les options de style pour augmenter la convivialité de la page dans des tailles plus petites. * **[Ajuster la mise en page pour une création dynamique](https://servicenow-prod.fluidtopics.net/7TkwCVAD0myJRWV29Nnlyw)** Lors de la création de pages avec une création dynamique pour différents facteurs de forme, découvrez comment ajuster la mise en page pour améliorer l'apparence de la page dans des tailles plus petites. * **[Créer un point d'arrêt pour la création dynamique](https://servicenow-prod.fluidtopics.net/pCha3TYVAwir8zSacn9UCQ)** 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.