Partager via

Personnaliser les modèles d’exemple d’application

  • Article

Dans cet article, vous découvrirez comment personnaliser des exemples de modèles d’applications. Par exemple, vous devrez peut-être modifier le logo de l’entreprise, mettre à jour les données dans les modèles d’exemples d’applications pour répondre aux besoins de votre entreprise, ajouter ou supprimer des contrôles sur les écrans pour étendre l’application.

Conditions préalables

Installez un modèle d’exemple d’application. En savoir plus : Utiliser des exemples de modèles d’application dans Microsoft Teams.

Notes

  • Certaines sections de cet article utilisent l’un des exemples de modèles d’applications disponibles comme exemple. Les tableaux, contrôles, écrans et autres composants des applications peuvent varier en fonction de l’application que vous avez installée. Faites preuve de discrétion lors de la personnalisation de l’application que vous sélectionnez.
  • Lisez Mises à jour des modèles d’exemples d’applications avant de personnaliser des modèles d’exemples d’applications pour comprendre l’impact des nouvelles versions sur les modèles d’exemples de versions d’application.

Ouvrir les modèles d’exemple d’application dans Power Apps Studio

Pour commencer à personnaliser les modèles d’exemples d’applications, la première étape consiste à ouvrir l’application à l’intérieur de Power Apps Studio.

  1. Inscrivez-vous à Teams.

  2. Sélectionnez Autres applications ajoutées.. (Plus d’applications ajoutées).

  3. Sélectionnez Power Apps.

    Selectionner l’application Power Apps.

  4. Sélectionnez l’onglet Build (Générer).

  5. Sélectionnez l’environnement d’équipe dans lequel vous avez installé le modèle d’exemple d’application.

  6. Sélectionnez Applications installées.

  7. Sélectionnez le modèle d’exemple d’application que vous avez installé.

  8. Si vous y êtes invité, sélectionnez l’emplacement.

Pour plus d’informations : Modifier une application dans Power Apps Studio

Supprimer les exemples de données

Lorsque vous installez des modèles d’exemples d’applications, les tableaux peuvent être préremplis avec des exemples de données. Le tableau suivant répertorie les modèles d’exemples d’applications et la liste des tables avec les exemples de données à supprimer :

Pour supprimer des données des modèles d’exemples d’applications :

  1. Ouvrez le modèle d’exemple d’application (par exemple, Gérer les inspections) dans Power Apps Studio.

  2. Sélectionnez Données dans le volet de gauche.

  3. Sélectionnez Données - points de suspension. à côté du nom de la table (par exemple, Tâche d’inspection de zone pour l’application Gérer les inspections).

  4. Sélectionnez Modifier les données.

  5. Supprimez toutes les lignes contenant des exemples de données.

    Supprimer les lignes.

  6. Fermez l’éditeur visuel.

  7. Répétez les étapes précédentes pour les tableaux restants.

Ajoutez votre logo à l’écran de chargement

  1. Ouvrez le modèle d’exemple d’application (par exemple, Inspection) dans Power Apps Studio.

  2. Sélectionnez Tree view (Arborescence) dans le volet de gauche.

  3. Si ce n’est pas déjà fait, sélectionnez Écran d’accueil.

  4. Cliquez sur Insérer.

  5. Sélectionnez le contrôle Image dans Média.

    Ajouter une image.

  6. Dans le volet des propriétés sur le côté droit, sélectionnez la liste déroulante Image, puis sélectionnez + Ajouter un fichier image.

    Ajouter un fichier image.

  7. Sélectionnez l’image du logo de votre entreprise, puis sélectionnez Ouvrir.

  8. Positionnez et dimensionnez le contrôle Image à la position souhaitée sur l’écran de chargement.

    Logo de la société.

Modifier le texte de l’écran d’accueil

Notes

Le texte de bienvenue de l’écran d’accueil de l’application Inspection utilise une formule contenant des variables globales pour afficher correctement la terminologie souhaitée pour les inspections et les éléments inspectés. Soyez prudent lorsque vous modifiez cette formule.

  1. Ouvrez le modèle d’exemple d’application (par exemple, Inspection) dans Power Apps Studio.

  2. Sélectionnez le contrôle d’étiquette de texte avec le texte d’accueil Heureux de vous accueillir.

    La formule du texte d’accueil est au format suivant :

    "Glad to have you here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
Left(
    Lower(areaLabel),
    1
),
"a",
" an ",
"e",
" an ",
"i",
" an ",
"o",
" an ",
"u",
" an ",
" a "
) & Lower(areaLabel)

  3. Sélectionnez la barre de formule.

  4. Sélectionnez la phrase Heureux de vous accueillir.

  5. Mettez à jour le texte d’accueil, par exemple Nous sommes heureux que vous soyez ici.

    "We are happy that you are here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
Left(
    Lower(areaLabel),
    1
),
"a",
" an ",
"e",
" an ",
"i",
" an ",
"o",
" an ",
"u",
" an ",
" a "
) & Lower(areaLabel)

    Mettre à jour le texte d’accueil dans la formule.

Modifier la couleur d’arrière plan de l’écran

Notes

L’application Inspection exploite les variables de thème globales pour garantir une expérience utilisateur cohérente. Si vous modifiez un remplissage d’écran, l’écran modifié n’utilisera plus le thème d’application standard.

  1. Ouvrez le modèle d’exemple d’application (par exemple, Inspection) dans Power Apps Studio.

  2. Sélectionnez Tree view (Arborescence) dans le volet de gauche.

  3. Sélectionnez Écran d’accueil à partir de l’arborescence.

  4. Sélectionnez Fill (Remplir) dans la liste des propriétés en haut à gauche.

  5. Dans la barre de formule, remplacez la formule par la couleur souhaitée.

    La couleur de remplissage d’arrière-plan de l’écran sera définie sur la couleur d’arrière-plan sélectionnée.

    Modifier la couleur d’arrière-plan.

Modifier les données en bloc

Si vous souhaitez modifier rapidement les données dans l’application, vous pouvez ouvrir le tableau et modifier ou supprimer des données.

Attention

Les modèles d’exemples d’applications utilisent plusieurs tableaux connexes, tels que Emplacements d’inspection de la zone et Types d’emplacements d’inspection de la zone pour l’application Inspection. Soyez prudent lorsque vous supprimez des enregistrements des tableaux sans vérifier la relation et les dépendances des données.

  1. Ouvrez le modèle d’exemple d’application (par exemple, Inspection) dans Power Apps Studio.

  2. Sélectionnez Données dans le volet de gauche.

  3. Sélectionnez Données - points de suspension. à côté du nom de la table (par exemple, Types d’emplacement d’inspection de la zone pour l’application Inspection).

  4. Sélectionnez la cellule dans l’éditeur visuel, par exemple Nourriture dans la colonne Nom.

  5. Remplacez le texte par la valeur de votre choix.

  6. Fermez l’éditeur visuel.

    Les données de l’application doivent refléter la valeur mise à jour, telle que le nom de l’emplacement dans cet exemple.

    Modifier les données en bloc.

Ajouter une colonne à l’application

Important

Les étapes de personnalisation de l’application Inspection dans cette section couvrent certaines des options de configuration avancées. Cet exemple nécessite que vous soyez familiarisé avec Power Apps Studio, que vous soyez à l’aise avec la modification des formules et que vous utilisiez des contrôles tels que containers (conteneurs).

Imaginez un scénario dans lequel vous avez plusieurs magasins et dans lequel vous souhaitez associer des emplacements et des inspections à des magasins spécifiques.

Ajouter la colonne de texte Store Name (Nom du magasin) à la table Location (Emplacement)

  1. Ouvrez l’application Gérer les inspections dans Power Apps Studio.

  2. Sélectionnez Données dans le volet gauche.

  3. Sélectionnez Données - points de suspension. à côté du nom de la table (par exemple, Emplacements d’inspection de zone pour l’application Gérer les inspections).

  4. Sélectionnez Ajouter une colonne.

  5. Entrez Nom comme « Nom du magasin ».

  6. Sélectionnez Créer.

  7. Fermez l’éditeur visuel.

    Ajouter une colonne de nom de magasin.

Ajouter une colonne de nom de magasin au formulaire d’emplacement

  1. Sélectionnez l’écran Locations (Emplacements).

    Conseil

    Vous pouvez ignorer l’erreur concernant l’utilisation des connecteurs d’aperçu dans cette application.

  2. Dans Tree view (Arborescence), recherchez btnArea_GroupedAreas.

  3. Dans les Zones groupées sur le formulaire, faites glisser le bord gauche pour qu’il soit parallèle au bord du champ Titre.

    Notes

    Le contrôle de champ Grouped Areas (Zones groupées) se trouve dans un conteneur. Par conséquent, la zone sélectionnée peut apparaître dans une partie de l’écran différente de celle où vous voyez la colonne. Faire glisser la zone sélectionnée redimensionne la colonne.

  4. Sélectionnez Insérer dans le volet de gauche.

  5. Sélectionnez le contrôle Étiquette.

  6. Positionnez l’Étiquette afin de l’aligner horizontalement avec les Zones groupées et verticalement avec le Type de zone.

    Position du contrôle de l’étiquette.

  7. Sélectionnez Texte dans la liste des propriétés en haut à gauche.

  8. Sélectionnez la barre de formule.

  9. Remplacez la formule par Nom du magasin.

  10. Sélectionnez Insérer dans le volet de gauche.

  11. Sélectionnez le contrôle Zone de texte.

  12. Faites glisser le contrôle de zone de texte pour l’aligner horizontalement avec Zones groupées et verticalement avec Type de zone.

  13. Sélectionnez Valeur dans la liste des propriétés en haut à gauche.

  14. Dans la barre de formule, remplacez la valeur actuelle par gblLocation.'Store Name'

  15. Sélectionnez ColorBackground dans la liste des propriétés en haut à gauche.

  16. Dans la barre de formule, saisissez « Blanc ».

    Propriété ColorBackground.

  17. Sélectionnez Mode d’affichage dans la liste des propriétés en haut à gauche.

  18. Dans la barre de formule, entrez « Modifier » s’il n’est pas déjà présent.

  19. Maintenez enfoncée Touche Alt sur votre clavier et sélectionnez Modifier.

    Modifier avec la touche Alt enfoncée.

  20. Sélectionnez Arboresence dans le volet de gauche.

  21. Recherchez btnAreaDetails_Save et sélectionnez le contrôle renvoyé.

  22. Développez la barre de formule.

  23. À la fin de la 17e ligne, ajoutez une virgule et cette formule :

    'Store Name':Microsoft_CoreControls_TextBox1.Value

    Cette section de la formule doit maintenant ressembler à l’image suivante :

    {
    msft_name: txtArea_EditTitle.Text,
    'Location Type': cmbAreaDetails_AreaType.Selected,
    'Primary Image': picArea_UploadedImage.Image, 'Store Name':Microsoft_CoreControls_TextBox1.Value
}

    Notes

    Si la formule mise à jour affiche une erreur, vérifiez le nom de la zone de texte pour le nom du magasin. Par exemple, il peut être Microsoft_CoreControls_TextBox2 au lieu de Microsoft_CoreControls_TextBox1, en fonction de vos changements.

  24. Sélectionnez le contrôle d’étiquette ajouté à l’étape 5.

  25. Sélectionnez la propriété Y dans la liste des propriétés en haut à gauche.

  26. Sélectionnez la barre de formule.

  27. Modifiez la formule comme suit :

    If(gblEditLocation,250,200)

  28. Sélectionnez la zone de texte ajoutée à l’étape 11.

  29. Sélectionnez la propriété Y dans la liste des propriétés en haut à gauche.

  30. Sélectionnez la barre de formule.

  31. Modifiez la formule comme suit :

    If(gblEditLocation,282,232)

  32. Maintenez enfoncée la Touche CTRL sur votre clavier et sélectionnez à la fois l’étiquette du nom du magasin et la zone de texte.

  33. Sélectionnez la propriété Visible dans la liste des propriétés en haut à gauche.

  34. Sélectionnez la barre de formule.

  35. Modifiez la formule comme suit :

    If(gblViewInspection, false, true)

    Changements de position avec la propriété Y.

Publier des mises à jour d’applications dans Teams

Pour enregistrer et publier les modifications dans l’exemple d’application :

  1. Sélectionnez Enregistrer en haut à droite.

  2. Sélectionnez Publier dans Teams

  3. Cliquez sur Suivant.

  4. Pour publier la version mise à jour d’une application dans un onglet actif existant, sélectionnez Enregistrer + fermer.
    Pour ajouter la version publiée d’une application à un nouvel onglet dans un autre canal, sélectionnez Ajouter un onglet (Ajouter un onglet) pour le canal souhaité, puis sélectionnez Enregistrer + fermer.

Plus d’information : Publier et ajouter une application dans Teams

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).