PL-7003 - Power Apps Applications pilotées par modèle
Lab 4 – Configurer les formulaires et les vues
Scénario
Dans cet atelier, vous allez configurer des formulaires et des vues pour une application pilotée par modèle.
Contoso Real Estate souhaite suivre deux éléments clés :
Annonces immobilières
Qui est prévu pour les visites de biens immobiliers
Ce que vous allez apprendre
Comment configurer les formulaires de table
Comment configurer les vues de table
Étapes de laboratoire de haut niveau
Configurer le formulaire principal Propriété immobilière et Affichage
Configurer les onglets et les sections
Ajouter des colonnes aux formulaires
Ajouter une sous-grille
Créer un nouveau formulaire
Associer des rôles de sécurité à des formulaires
Configurer la propriété immobilière et l'affichage des vues
Filtrer les vues
Configurer la vue Recherche rapide
Conditions préalables
Doit avoir terminé l 'atelier 2 : Modèle de données
Étapes détaillées
Exercice 1 - Formulaire principal de la propriété immobilière
Dans cet exercice, vous allez modifier le formulaire principal de la table Biens immobiliers.
Tâche 1.1 – Mise en page et colonnes du formulaire principal
Accédez au portail Power Apps Maker https://make.powerapps.com
Assurez-vous que vous êtes dans l'environnement Dev One.
Sélectionnez Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Propriété immobilière.
Sous Expériences de données, sélectionnez Formulaires.
Sélectionnez le formulaire Informations où le type de formulaire est Principal, sélectionnez le menu Commandes (...), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Sélectionnez Arborescence sur le côté gauche du concepteur de formulaires.
Sélectionnez l'onglet Général.
Entrez generalTab pour Nom.
Dans levolet Propriétés sur le côté droit, sélectionnez 3 colonnes dans laliste déroulante Disposition.
Dans l'arborescence, développez l'onglet Général. Sélectionnez la première section et entrez generalSection pour Nom.
Sélectionnez la deuxième section et entrez Chronologie pour Étiquette et ChronologieSection pour Nom.
Sélectionnez la troisième section et entrez Related pour Label et relatedSection pour Name.
Faites glisser le champ Propriétaire dans la zone En-tête.
Sélectionnez la première section.
Sélectionnez Colonnes de tableau dans le volet de navigation de gauche du concepteur de formulaires.
Faites glisser la colonne Client sous le champ Nom de la propriété.
Sélectionnez la colonne Rue à ajouter au formulaire sous Client.
Sélectionnez la colonne Ville à ajouter au formulaire sous Rue.
Sélectionnez Composants dans le volet de navigation de gauche du concepteur de formulaires.
Sélectionnez le contrôle Section à 1 colonne pour l'ajouter au formulaire.
Entrez Details pourl'étiquette et detailsSection pour le nom.
Sélectionnez Colonnes de tableau dans le volet de navigation de gauche du concepteur de formulaires.
Sélectionnez la colonne Prix demandé à ajouter à la section Détails.
Sélectionnez lacolonne Devise à ajouter au formulaire sous Prix demandé.
Sélectionnez la colonne Chambres à ajouter à ajouter au formulaire sous Devise.
Sélectionnez la colonne Salles de bains à ajouter au formulaire sous Chambres.
Tâche 1.2 - Ajouter un contrôle de chronologie
Sélectionnez Arborescence dans le volet de navigation de gauche du concepteur de formulaires.
Sélectionnez la section Chronologie.
Sélectionnez Composants dans le volet de navigation de gauche du concepteur de formulaires.
Développez Affichage.
Sélectionnez la commande Chronologie pour l'ajouter à la section Chronologie.
Sélectionnez Arborescence dans le volet de navigation gauche du concepteur de formulaires, développez l'onglet Général et sélectionnez la section Chronologie.
Dans levolet Propriétés sur le côté droit, cochez la case Masquer l'étiquette.
Dans Arborescence, sélectionnez la commande Texte de la note pour le scénario.
Dans levolet Propriétés sur le côté droit, sélectionnez Activité sociale, décochez la case Activer, puis sélectionnez Terminé.
Dans levolet Propriétés sur le côté droit, sélectionnez Date de création dans la liste déroulante Trier les activités par.
Sélectionnez Colonnes de tableau dans le volet de navigation de gauche du concepteur de formulaires.
Faites glisser la colonne Raison de l'état dans la zone En-tête.
Tâche 1.3 - Ajouter une commande d'affichage rapide
Sélectionnez Arborescence sur le côté gauche du concepteur de formulaires.
Sélectionnez lasection Associé.
Sélectionnez Composants dans le volet de navigation gauche du concepteur de formulaires.
Développez Affichage.
Sélectionnez lecontrôle Aperçu rapide pour l'ajouter à la section Associé.
Sélectionnez Client pour Recherche et Carte de visitedu compte pour Contact , puis sélectionnez Terminé.
Tâche 1.4 - Ajouter un onglet
Sélectionnez Composants dans le volet de navigation gauche du concepteur de formulaires.
Sélectionnez le contrôle Onglet à 1 colonne pour l'ajouter au formulaire.
Entrez Showings pour Label et showingTab pour Name.
Sélectionnez Arborescence sur le côté gauche du concepteur de formulaires, développez l'onglet Visites, puis sélectionnez la section Nouvelle section.
Entrez Showings pour Etiquette et showingSection pour Nom.
Sélectionnez Composants dans le volet de navigation gauche du concepteur de formulaires.
Développez Grille.
Sélectionnez lecontrôle Subgrid pour l'ajouter à la section Visites.
Sélectionnez Afficher les enregistrements associés.
Sélectionnez Affichages pour Table et Affichages actifs pour Vue par défaut, puis sélectionnez Terminé.
Entrez Showings pour Étiquette et showingsSG pour Nom.
Sélectionnez Masquer l'étiquette.
Sélectionnez Enregistrer et publier.
Fermez le concepteur de formulaires.
Sélectionnez Terminé.
Exercice 2 - Affichage de la forme principale
Dans cet exercice, vous allez modifier le formulaire principal de la table Affichage.
Tâche 2.1 – Présentation du formulaire principal et colonnes
Accédez au portail Power Apps Maker https://make.powerapps.com
Assurez-vous que vous êtes dans l'environnement Dev One.
Sélectionnez Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Affichage.
Sous Expériences de données, sélectionnez Formulaires.
Sélectionnez le formulaire Informations où le type de formulaire est Principal, sélectionnez le menu Commandes (...), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Faites glisser le champ Propriétaire dans la zone En-tête.
Sélectionnez Colonnes de tableau dans le volet de navigation de gauche du concepteur de formulaires.
Faites glisser la colonne Propriété immobilière sous le champ Nom.
Sélectionnez la colonne Montré à pour l'ajouter au formulaire sous Propriété immobilière.
Sélectionnez la colonne Montré par à ajouter au formulaire sous Montré à.
Sélectionnez la colonne Date d'affichage à ajouter au formulaire sous Affiché par.
Sélectionnez la colonne Niveau d'intérêt à ajouter au formulaire sous Date d'affichage.
Sélectionnez la colonne Commentaires à ajouter au formulaire sous Niveau d'intérêt.
Dans le volet Propriétés sur le côté droit, augmentez Hauteur du champ Formulaire à 3 lignes.
Sélectionnez Enregistrer et publier.
Fermez le concepteur de formulaires.
Sélectionnez Terminé.
Exercice 3 - Formulaires multiples
Dans cet exercice, vous allez créer un formulaire et restreindre l'accès à l'aide d'un rôle de sécurité.
Tâche 3.1 – Rôle de sécurité
Accédez au portail Power Apps Maker https://make.powerapps.com
Assurez-vous que vous êtes dans l'environnement Dev One.
Sélectionnez Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez + Nouveau, sélectionnez Sécurité, puis sélectionnez Rôle de sécurité.
Entrez Property admin pour Nom du rôle.
Faites défiler jusqu'à la section Tables personnalisées.
Sélectionnez la table Propriété immobilière . Remplacez le niveau d'accès de tous les privilèges par Organisation.
Sélectionnez Affichage du tableau. Remplacez le niveau d'accès de tous les privilèges par Organisation.
Sélectionnez Enregistrer et fermer.
Sélectionnez Terminé.
Tâche 3.2 – Copier le formulaire
Sélectionnez la table Showing (Affichage).
Sous Expériences de données, sélectionnez Formulaires.
Sélectionnez le formulaire Informations où le type de formulaire est Principal, sélectionnez le menu Commandes (...), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Sélectionnez Niveau d'intérêt et, dans le volet Propriétés, sélectionnez Lecture seule.
Sélectionnez Commentaires et, dans le volet Propriétés, sélectionnez Lecture seule.
Sélectionnez Enregistrer une copie.
Entrez dans le formulaire Affichage de l'administrateur pour Nom d'affichage et sélectionnez Enregistrer.
Sélectionnez Paramètres du formulaire.
Sélectionnez lerôle de sécurité Administrateur de propriété.
Sélectionnez Enregistrer et publier.
Fermez le concepteur de formulaires.
Sélectionnez Terminé.
Exercice 4 - Immobilier Vues immobilières
Dans cet exercice, vous allez modifier les vues de la table Propriété immobilière.
Tâche 4.1 – Vue du public de Propriété immobilière
Accédez au portail Power Apps Maker https://make.powerapps.com
Assurez-vous que vous êtes dans l' environnement Dev One.
Sélectionnez Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Propriété immobilière.
Sous Expériences de données, sélectionnez Vues.
Sélectionnez la vue Propriétés immobilières actives, sélectionnez le menu Commandes (...), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Sélectionnez le curseur en regard de la colonne Créé le, puis sélectionnez Supprimer.
Sélectionnez lacolonne Prix demandé à ajouter à la vue.
Sélectionnez lacolonne Ville à ajouter à la vue.
Sélectionnez lacolonne Chambres à ajouter à ajouter à la vue.
Sélectionnez la colonne Salles de bains à ajouter à la vue.
Sélectionnez la colonne Client à ajouter à la vue.
Dans le volet Propriétés, supprimez Nom de la propriété sous Trier par.
Dans le volet Propriétés, sélectionnez Trier par , puis Prix demandé.
Sélectionnez Enregistrer et publier.
Fermez le concepteur de vues.
Sélectionnez Terminé.
Tâche 4.2 - Vue de recherche rapide de propriété immobilière
Sélectionnez la vue Recherche rapide de propriétés immobilières actives, sélectionnez le menu Commandes (...), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Sélectionnez le curseur en regard de la colonne Créé le, puis sélectionnez Supprimer.
Dans le volet Recherche rapide Propriétés immobilières actives sur la droite, sélectionnez Modifier les colonnes de la table de recherche sous Rechercher par.
Choisissez les colonnes suivantes et sélectionnez Appliquer.
Ville
Client
Nom de la propriété
Sélectionnez Enregistrer et publier.
Fermez le concepteur de vues.
Sélectionnez Terminé.
Exercice 5 - Affichage des vues
Dans cet exercice, vous allez modifier les vues de la table Affichage.
Tâche 5.1 – Affichage de la vue du public
Accédez au portail Power Apps Maker https://make.powerapps.com
Assurez-vous que vous êtes dans l'environnement Dev One.
Sélectionnez Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Affichage.
Sous Expériences de données, sélectionnez Vues.
Sélectionnez la vue Expositions actives, le menu Commandes (...), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Sélectionnez le curseur en regard de la colonne Créé le, puis sélectionnez Supprimer.
Sélectionnez la colonne Propriété immobilière à ajouter à la vue.
Sélectionnez lacolonne Date d'affichage à ajouter à la vue.
Sélectionnez la colonne Montré à ajouter à la vue.
Sélectionnez la colonne Niveau d'intérêt à ajouter à la vue.
Sélectionnez l'onglet Associé.
Expand Immobilier
Sélectionnez la colonne Prix demandé à ajouter à la vue.
Dans le volet Propriétés, supprimez Nom sous Trier par.
Dans le volet Propriétés, sélectionnez Trier par , puis Date d'affichage.
Dans le menu déroulant Enregistrer et publier, sélectionnez Enregistrer uniquement.
Tâche 5.2 – Nouvelle vue d'affichage
Sélectionnez Enregistrer sous.
Entrez les manifestations d'intérêt élevé pour Nom.
Sélectionnez Enregistrer.
Sélectionnez le curseur en regard de la colonne Niveau d'intérêt, puis sélectionnez Filtrer par.
Sélectionnez Égal à et choisissez Très élevé et Élevé.