Catégories
Consultant, Formateur

Créer une application Power Apps canevas avec CDS

Cet exercice vous explique comment créer une application Power Apps canevas à partir d’une entité CDS.

Préparation

L’exercice du TP Créer une règle d’entreprise obligatoire doit être terminé avec succès.

Générer l’application

Ouvrez le site web Microsoft Power Apps et identifiez-vous avec votre compte.

https://make.powerapps.com/

Dans le volet de navigation (à gauche), cliquez sur Créer.

Dans le volet central, sous Démarrer à partir de données, cliquez sur Common Data Service.

Pour vous aider, regardez la copie d’écran ci-dessous.

Source de données Common Data Service (CDS)
Source de données Common Data Service (CDS)

Sous Connexions, cliquez sur votre connexion Common Data Service : le volet le plus à droite affiche toutes les tables. Ce sont bien des tables. En effet, une entité génère une table qui stocke les données. L’application s’appuie sur la table de l’entité.

Dans la zone Rechercher, saisissez le nom de votre table Notes de Frais (au pluriel car c’est une table), puis cliquez dessus pour la sélectionner, ensuite cliquez sur Se connecter (en bas, à droite).

Patientez quelques instants. Si vous obtenez un pop-up de bienvenue, cliquez sur le bouton Ignorer : votre application s’ouvre en modification.

Pour vous aider, regardez la copie d’écran ci-dessous.

Application Notes de frais (partiel)
Application Notes de frais (partiel)

Le résultat est un peu décevant car vous ne voyez pas les champs métiers de l’entité.

Vous allez corriger cela dans les sections suivantes. En attendant, vous allez renommer et enregistrer votre nouvelle application.

Enregistrer et renommer l’application

Cliquez sur le ruban Fichier puis dans le volet de gauche, cliquez sur Enregistrer.

Dans le volet central (vers la droite), remplacez le nom de l’application (“Application”) par canNDF.

En bas et à droite de l’écran, cliquez sur le bouton Enregistrer.

Si vous ne voyez pas le bouton Enregistrer, c’est parce que vous êtes dans les Paramètres de l’application. Dans ce cas, cliquez sur Enregistrer dans le volet de gauche.

Cliquez sur la flèche en haut et à gauche pour revenir à l’accueil.

Maintenant vous allez modifier légèrement la présentation de la galerie.

Basculer en affichage paysage

Dans un premier temps, vous allez basculer en affichage paysage.

Pour ce faire, cliquez sur Fichier, puis cliquez sur Paramètres dans le volet de gauche.

Dans Paramètres, cliquez sur Taille et orientation de l’écran, puis, sous Orientation, cochez la case Paysage et cliquez sur le bouton Appliquer (en bas, à droite).

Cliquez sur la flèche en haut et à gauche de l’écran pour revenir à l’accueil.

Sélectionner les champs

Ensuite, vous allez sélectionner les champs qui vous intéressent.

Pour ce faire, dans l’arborescence, cliquez sur BrowseGallery1.

Cliquez, sous Propriétés (à droite), sur Titre et sous-titre en face de la propriété Disposition, puis sélectionnez la disposition Titre, sous-titre et corps.

Ensuite cliquez, sur Modifier en face de la propriété Champs.

Ensuite assignez les valeurs suivantes :

  • Body : Dépense
  • Subtitle : Mission
  • Title : Date déplacement

Fermez le volet Données.

Mettre en forme de tableau la galerie

L’objectif est de présenter les champs de la galerie sous forme d’un tableau.

Pour ce faire, assignez les valeurs suivantes :

BrowseGallery1.Title2.Width = 270
BrowseGallery1.Subtitle2.Width = 400
BrowseGallery1.Body1.Width = 300
BrowseGallery1.Body1.Height = Title2.Size * 1,8
BrowseGallery1.NextArrow2.Height = Title2.Size * 1,8

La manipulation suivante est à faire avec la souris.

Alignez sur une seule ligne et dans cet ordre, les 4 contrôles suivants : Title2, Subtitle2, Body1, NextArrow2

Enfin :

BrowseGallery1.TemplateSize = 60

Pour vous aider, regardez la copie d’écran ci-dessous.

Application Notes de frais (partiel)
Application Notes de frais (partiel)

Évidemment, la présentation pourrait être encore nettement améliorée mais c’est déjà mieux.

Ajouter les champs métiers

Vous allez ajouter les champs métiers dans le formulaire de modification.

Pour ce faire, dans l’arborescence, cliquez sur EditScreen1, puis cliquez sur EditForm1.

Sous Propriétés (à droite), cliquez sur la liste déroulante en face de Colonnes et sélectionnez la valeur 2.

Ensuite, toujours dans les propriétés, cliquez sur Modifier les champs en face de la propriété Champs.

Supprimez le champ : Créé le.

Ensuite, cliquez sur Ajouter un champ, puis ajoutez les champs suivants :

  • Date déplacement
  • Date validation
  • Mission
  • Montant payé
  • Moyen de transport
  • NdF Validée
  • Nombre Km

Déverrouillez Date déplacement_DataCard1, puis supprimez les 3 champs : MinuteValue1, HourValue1, Separator3.

Suite à ces suppressions, des erreurs apparaissent. Corrigez les erreurs dans les formules :

Date déplacement_DataCard1.Update = DateValue1.SelectedDate
Date déplacement_DataCard1.ErrorMessage2.Y = DateValue1.Y

Déverrouillez Date validation_DataCard1, puis supprimez les 3 champs : MinuteValue2, HourValue2, Separator4.

Suite à ces suppressions, des erreurs apparaissent. Corrigez les erreurs dans les formules :

Date validation_DataCard1.Update = DateValue2.SelectedDate
Date validation_DataCard1.ErrorMessage6.Y = DateValue2.Y

Ensuite, changez la présentation pour avoir une largeur de 540 pixels pour:

Dépense_DataCard2.Width = 540
Date déplacement_DataCard1.Width = 540
Moyen de transport _DataCard1.Width = 540
Mission_DataCard1.Width = 540
Montant payé_DataCard1.Width =540
Date validation_DataCard1.Width = 540
NdF Validée_DataCard1.Width = 540
Nombre Km_DataCard1.Width = 540

Normalement, vous devriez obtenir un formulaire comme celui-ci.

Pour vous aider, regardez la copie d’écran ci-dessous.

Formulaire mis en forme
Formulaire mis en forme

Enregistrez votre application et fermez l’onglet.

L’exercice est terminé.

Résumé

Dans cet exercice, vous avez appris comment créer une application Power Apps canevas à partir d’une entité CDS. Vous avez vu aussi comme basculer en affichage paysage, et comment mettre sous forme de tableau la galerie. Vous avez pu modifier l’affichage du formulaire de modification.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *