Éléments de formulaire

Encore une fois, les formulaires pilotés par modèle fournissent les moyens de présenter des données à des fins de modification et consultation. Leur conception réactive permet de les afficher sur tout appareil sur lequel vous utilisez des applications pilotées par modèle. Lorsque vous créez un formulaire, son type est Principal. L’un des objectifs de la conception d’un formulaire Principal est de n’en avoir qu’un seul par table, qui puisse être utilisé partout. Découvrons les éléments s’affichant dans le formulaire.

Organisation des formulaires

L’organisation des formulaires comprend un en-tête, un corps et un pied de page, chacun pouvant comporter des éléments de formulaire tels que des colonnes. Le corps du formulaire est davantage structuré avec des zones appelées onglets comportant des sections. Vous pouvez configurer les onglets et les sections pour prendre en charge des colonnes d’éléments de formulaire donnant une structure supplémentaire au contenu. Le premier onglet d’un formulaire est le plus important et doit comporter les données prioritaires que vous souhaitez que l’utilisateur voie. Bien que vous puissiez configurer de nombreux onglets, limiter leur nombre avec un regroupement logique des données peut rendre l’expérience plus conviviale, car l’utilisateur n’a pas constamment recours aux tabulations pour rechercher des éléments. De plus, surcharger votre formulaire avec trop d’onglets peut affecter les performances, en particulier pour les utilisateurs mobiles.

Concepteur de formulaires

La tâche la plus courante que vous effectuez lors de la modification d’un formulaire consiste à placer des contrôles de colonne dans le formulaire. Jetez un œil à l’interface Concepteur de formulaires permettant d’ajouter/de modifier un formulaire dans votre application. Le formulaire lui-même s’affiche dans une fenêtre de canevas au milieu de l’écran. Notez une barre de commandes en haut, qui vous offre des fonctions rapides et des liens de navigation, ainsi qu’un menu latéral, qui vous permet de parcourir différentes options à afficher dans votre volet gauche.

Colonnes et propriétés de table

La liste Colonnes de table qui s’affiche initialement dans le volet gauche vous présente les colonnes disponibles à partir de votre source de données. Vous pouvez choisir d’afficher uniquement les colonnes que vous n’avez pas utilisées ou de toutes les afficher. Sur le côté droit de l’écran, un volet contient les propriétés de tout composant sélectionné dans votre formulaire.

Vous pouvez ajouter la même colonne au formulaire plusieurs fois si nécessaire et la valeur indiquée est identique pour chaque occurrence. Les colonnes de table ajoutées à votre formulaire deviennent des champs de formulaire. Vous pouvez supprimer tous les champs non obligatoires ou masquer tous les champs obligatoires de votre formulaire, sans affecter vos données. Leur suppression du formulaire entraîne simplement leur rajout à la liste des colonnes de table inutilisées.

Dans l’onglet Propriétés, vous pouvez effectuer des opérations telles que modifier le nom du champ ou sa visibilité et régler le bouton bascule relatif au mode lecture seule. Sans configuration spéciale, une colonne s’affiche avec des contrôles de saisie en fonction du type de données de la colonne. Par exemple, une colonne Choix affiche les données dans une liste déroulante.

Composants

Si vous sélectionnez le champ Composants dans le rail latéral ou l’option Composant dans la barre de commandes, le menu Composants s’affiche dans le volet gauche. Les composants vous permettent de personnaliser davantage votre formulaire. Les choix de disposition vous permettent d’organiser la structure physique de votre formulaire. Les composants de grille vous permettent d’autoriser la saisie de données au moyen d’une grille. Les composants d’affichage vous permettent d’intégrer des calendriers, sites web externes, applications canevas et autres éléments à l’expérience de formulaire. Les composants de saisie fournissent à votre utilisateur d’autres moyens de saisir des données tels que des cases à cocher, groupes d’options, boutons bascules et entrées à l’aide du stylet. La liste des composants disponibles continue de s’allonger, y compris des options telles que les états Power BI.

Ajout de composants

Lorsque vous sélectionnez un composant à ajouter, Power Apps vous invite à indiquer le champ auquel vous pouvez l’appliquer et les plateformes sur lesquelles l’afficher. S’il n’y a pas de colonne de table à laquelle vous pouvez appliquer le composant, vous ne pouvez pas l’insérer. Dans l’exemple suivant, nous avons sélectionné un Contrôle d’éditeur de texte enrichi. Nous sommes invités à sélectionner une Colonne de table (champ obligatoire) et la liste déroulante nous propose deux champs possibles où nous pouvons ajouter ce contrôle. La sélection de l’un d’entre eux entraîne l’ajout du contrôle au canevas du formulaire.

Notez que vous pouvez déterminer le facteur de forme dans lequel vous souhaitez que ce composant s’affiche, afin de pouvoir utiliser un autre composant pour le même champ pour différents facteurs de forme.

Paramètres de formulaire

Les paramètres de formulaire nous permettent d’installer des contrôles sur nos formulaires qui fonctionnent en arrière-plan, sans notification utilisateur, définissant ainsi le formulaire présenté à l’utilisateur. Nous pouvons définir des rôles de sécurité pour le formulaire contrôlant des éléments tels que l’accès, l’ordre des formulaires et des formulaires de base. De plus, les paramètres de formulaire nous permettent de vérifier l’accès au formulaire d’un groupe de sécurité spécifique. L’image suivante illustre l’onglet Rôles de sécurité :

L’Ordre des formulaires vous permet de déterminer le formulaire s’affichant en premier et les suivants en fonction du rôle de sécurité. Ainsi, vous pouvez afficher différents formulaires pour différents utilisateurs. Les formulaires de base vous permettent d’activer un formulaire spécifique lorsqu’aucun formulaire n’est sélectionné pour un rôle de sécurité ou vice versa.

Afficher ou masquer des éléments de formulaire

Vous pouvez également afficher ou masquer des éléments au moyen du volet Propriétés pour chaque élément. Les onglets, sections, colonnes, iFrames et ressources web offrent tous cette option. Lorsque vous utilisez des scripts de formulaire ou des règles métier, vous pouvez ajuster la visibilité de ces éléments, afin de créer un formulaire dynamique pour une interface utilisateur qui s’adapte aux conditions du formulaire.

Au lieu de concevoir des formulaires qui dépendent de scripts pour contrôler la visibilité des options, vous pouvez appliquer une règle métier (ou le passage à un autre formulaire) pour répondre à vos besoins. Si vous utilisez des scripts, assurez-vous que tout élément qui pourrait être masqué est masqué par défaut. Affichez uniquement un élément avec des scripts lorsque votre logique le demande. Ainsi, il ne s’affiche pas dans les présentations qui ne prennent pas en charge les scripts.

Gestionnaires d’événements de formulaire

Les gestionnaires d’événements de formulaire permettent de configurer une logique de développeur qui s’exécute lorsque l’utilisateur interagit avec le formulaire. Vous pouvez y accéder à partir de l’onglet Événements de cet élément dans le volet droit. Cependant, vous devez ajouter une bibliothèque avant de les appliquer.

Les gestionnaires d’événements de formulaires peuvent être configurés pour les zones suivantes d’un formulaire :

Un gestionnaire d’événements se compose d’une référence à une ressource web JavaScript et d’une fonction définie dans cette ressource web qui s’exécute lorsque l’événement se produit. Chaque élément peut avoir jusqu’à 50 gestionnaires d’événements distincts configurés.

La plupart du temps, les développeurs créent les gestionnaires d’événements ; cependant, vous souhaiterez peut-être vérifier ce qui est configuré sur votre formulaire.

Outre la possibilité d’ajouter des gestionnaires d’événements à partir de l’onglet Événements du volet droit, vous pouvez également les charger dans votre formulaire au moyen du volet Bibliothèques de formulaires. Vous pouvez y accéder depuis le rail de navigation gauche ou la barre de commandes. Cliquez sur Ajouter une bibliothèque pour afficher la fenêtre contextuelle Ajouter une bibliothèque JavaScript dans laquelle vous pouvez sélectionner la ressource web et l’appliquer à votre formulaire.

Résumé

Le concepteur de formulaires Power Apps vous permet de créer et contrôler chaque aspect de votre formulaire au moyen de champs, composants, paramètres et gestionnaires d’événements. Vous pouvez facilement concevoir un formulaire de base à partir de vos colonnes de table de données. Vous pouvez également concevoir des formulaires très complexes qui s’adaptent au rôle de sécurité de l’utilisateur, exécutent des scripts lors des interactions utilisateur et fournissent une interface graphique avec des données.

Dans l’unité suivante, nous allons découvrir comment configurer plusieurs formulaires.