---
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


---

Ajouter des formulaires aux pages du générateur d'IU
====================================================

Ajouter des formulaires aux pages du générateur d'IU {#ariaid-title1}
=====================================================================

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture

Utilisez le composant Formulaire pour ajouter un ou plusieurs formulaires à des Générateur d'IU pages.  
Ajoutez des fonctionnalités à vos Générateur d'IU pages en incluant des formulaires. Vous définissez les champs sur le formulaire et leurs propriétés, par exemple en les rendant obligatoires. Ensuite, collectez les données au fur et à mesure que le formulaire est rempli et soumis.Figure 1. Exemple de composant de formulaire  
Vous pouvez ajouter plusieurs formulaires à une seule page. Vous pouvez également ajouter un formulaire à une page qui contient déjà un composant avec un formulaire imbriqué. Voici quelques exemples de cas d'utilisation :

* Étendez les pages d'enregistrement en ajoutant un onglet en ligne avec un formulaire à l'aide de sa propre instance de contrôleur de formulaire.
* Ajoutez des modaux avec un formulaire sur une page d'enregistrement.
{#add-forms-to-ui-builder-pages__ul_fm4_ykt_wbc}  
Pour les pages existantes avec des formulaires créés dans une version antérieure à Xanadu ServiceNow , vous devez appliquer un paramètre prédéfini au formulaire d'origine avant d'ajouter un autre formulaire à la page. L'application du paramètre prédéfini est une condition préalable à l'ajout de plusieurs formulaires à une page et permet à plusieurs formulaires de fonctionner comme prévu sur une page. Le paramètre prédéfini de contrôleur de formulaire doit être appliqué à tous les contrôleurs de formulaire.

1. Ouvrez la page contenant un formulaire existant.
2. Dans le tiroir de données, développez la liste Ressources de données et sélectionnez le contrôleur de formulaire d'origine.

3. Sélectionnez le champ Préréglage .
4. Sélectionnez le paramètre prédéfini du contrôleur de formulaire.

5. Sélectionnez Appliquer.
6. Sélectionnez le X pour fermer la fenêtre contextuelle Modifier le contrôleur de formulaire .

   Un seul de vos contrôleurs de formulaires doit avoir la propriété Est mappé à l'interpréteur de commandes de l'application définie sur vrai. Cette propriété est utilisée pour spécifier le formulaire primaire sur la page. Le formulaire primaire est responsable de la gestion des événements mondiaux. Vous ne devez pas définir la propriété sur vrai pour plusieurs contrôleurs de formulaire ou avoir zéro contrôleur de formulaire avec la propriété définie sur vrai.
7. Ouvrez la page contenant un ou plusieurs formulaires.
8. Dans l'arborescence de contenu, sélectionnez un formulaire.

9. Dans le panneau de configuration, sous l'onglet Configurer , sélectionnez Contrôleur de formulaire.

10. Dans la fenêtre contextuelle Modifier le contrôleur de formulaire , faites défiler la liste Contrôleur de formulaire vers le bas pour trouver l'option Est mappé à l'interpréteur de commandes d'application .

11. Sélectionnez ou désactivez l'option pour chaque composant de formulaire sur la page afin de confirmer qu'exactement un contrôleur de formulaire est mappé à l'interpréteur de commandes d'application.
{#add-forms-to-ui-builder-pages__ol_olf_mjt_wbc}

Gestion avancée des événements de formulaire {#add-forms-to-ui-builder-pages__section_c5d_3tr_1cc}
--------------------------------------------------------------------------------------------------

Les développeurs expérimentés ayant des connaissances en matière de gestion des événements de conflit peuvent trouver les détails suivants utiles.  
Si isMapped to app shell est défini sur vrai, le formulaire gère automatiquement ces événements :

État de l'écran modifié
:
    * Description : action pour indiquer qu'un formulaire est erroné.
    * Sortie : `CTRL_RECORD#SCREEN_STATUS_CHANGED`
    {#add-forms-to-ui-builder-pages__ul_htx_ztr_1cc}

Mettre à jour le menu de configuration demandé
:
    * Description : action pour définir les éléments du menu de configuration d'enregistrement dans le menu avatar.
    * Sortie : `CTRL_RECORD#UPDATE_CONFIGURATION_MENU_REQUEST`
    {#add-forms-to-ui-builder-pages__ul_dzs_j5r_1cc}

Téléphone demandé
:
    * Description : Action pour passer un appel lorsque le module d'extension CTI est activé.
    * Sortie : `CTRL_RECORD#PHONE_REQUESTED`
    {#add-forms-to-ui-builder-pages__ul_ngj_k5r_1cc}

État de chargement du formulaire changé
:
    * Description : Action pour afficher un chargement tournant lorsque ce formulaire charge des données.
    * Sortie : `CTRL_RECORD#FORM_LOADING_STATE_CHANGED`
    {#add-forms-to-ui-builder-pages__ul_nmq_k5r_1cc}

Pour plus d'informations sur le composant Formulaire et ses propriétés, consultez Vue [d'ensemble du formulaire](https://developer.servicenow.com/dev.do#!/reference/next-experience/washingtondc/now-components/form%20record%20page/overview) sur le ServiceNow site développeur.