Claude Couderc Consulting

Créer et gérer une application pour SharePoint Online

Créer une application
Créer une application

PowerApps est intégré dans le contexte de SharePoint Online, de plusieurs façons.

Personnaliser un formulaire

Tout d’abord, vous pouvez personnaliser les formulaires SharePoint. Cela signifie que grâce à PowerApps, vous modifiez le formulaire d’ajout, de modification ou d’affichage d’un élément d’une liste SharePoint.

Pour ce faire, vous devez être dans l’expérience Moderne de l’affichage de la liste SharePoint. Ensuite, quand vous cliquez sur le bouton Personnaliser les formulaires sous PowerApps, une application particulière est créée. Sachez que cette application PowerApps ne peut pas être exécutée de façon autonome. En effet, elle est uniquement disponible à partir de la liste SharePoint.

Créer une application

Concrètement, l’application est générée puis enregistrée directement dans PowerApps. C’est une application avec un seul écran.

Vous pouvez aussi créer directement une application PowerApps en partant d’une liste SharePoint. Une fois nommée, l’application est générée puis enregistrée directement dans PowerApps. Il s’agit d’une application avec 3 écrans par défaut.

Écran de navigation BrowseScreen1

L’écran de navigation s’intitule par défaut BrowseScreen1. Il affiche la liste des éléments et il permet aussi de créer un élément en appelant le formulaire correspondant.

Écran de navigation BrowseScreen1
Écran de navigation BrowseScreen1

L’écran BrowseScreen1 possède une galerie qui s’intitule BrowseGallery1. C’est le contrôle principal de l’écran. Il affiche la liste des éléments de la liste SharePoint. Cette liste est filtrée par le contenu de la recherche TextSearchBox1. BrowseGallery1 est constitué de 5 contrôles, dont 3 servent à afficher les données : Title1, Subtitle1, Body1. Cette disposition peut bien évidemment être changée.

Galerie BrowseGallery1
Galerie BrowseGallery1
  • Title1 est une étiquette qui affiche la valeur de la colonne Titre de la liste pour l’élément concerné.
  • Subtitle1 est une étiquette qui affiche la valeur d’une autre colonne pour l’élément concerné.
  • Body1 est une étiquette qui affiche la valeur d’une autre colonne pour l’élément concerné.

Les 2 autres contrôles de BrowseGallery1 sont Separator1 qui est un rectangle qui représente la barre horizontale basse de séparation des éléments et NextArrow1 qui est l’icône de la flèche à droite. Quand l’utilisateur clique dessus, cette action affiche l’écran DetailScreen1.
IconSortUpDown1 est l’icône qui change l’ordre de tri grâce à la fonction UpdateContext() qui met à jour la variable SortDescending1 :

OnSelect: UpdateContext({SortDescending1: !SortDescending1})

IconRefresh1 est l’icône qui rafraîchit l’affichage grâce à la fonction Refresh() :

OnSelect: Refresh(lstAffaires)

TextSearchBox1 est une entrée de texte pour la saisie de la recherche. Tandis que IconNewItem1 est l’icône de création d’un élément. Quand l’utilisateur clique dessus, cette action ouvre le contrôle EditForm1 en mode création et affiche l’écran EditScreen1 :

OnSelect: NewForm(EditForm1);;Navigate(EditScreen1; None)

Rectangle11 est un rectangle qui représente la barre horizontale haute. Tandis que SearchIcon1 est l’icône de la loupe, LblAppName1 est une étiquette qui affiche par défaut le nom de la liste et RectQuickActionBar1 est un rectangle qui représente le bandeau supérieur.

Écran de détails DetailScreen1

Cet écran affiche le détail d’un élément.

Quand une application est générée à partir d’une liste SharePoint, son nom par défaut est: DetailScreen1. DetailForm1 est le contrôle principal de cet écran. C’est un contrôle de type formulaire. Il permet d’afficher le détail d’un élément de la liste SharePoint. Il contient les champs de la liste SharePoint. Les champs sont regroupés par cartes (ou DataCard).

Une carte DataCard1 est créée pour chaque champ. Elle est préfixée du nom du champ : Titre_DataCard1, MontantHT_DataCard1, etc. Chaque carte est constituée de 2 contrôles.

Il y a un contrôle de type étiquette DataCarKey avec le nom du champ. Elle est suffixée d’un numéro différent par DataCard : DataCardKey1, DataCardKey2, etc. Il y a aussi une étiquette DataCardValue avec la valeur du champ. Elle est suffixée d’un numéro différent par DataCard : DataCardValue1, DataCardValue2, etc.

IconDelete1 est l’icône de suppression d’un élément. Quand l’utilisateur clique dessus, cette action supprime l’élément et revient sur l’écran précédent.

OnSelect: Remove(lstAffaires; BrowseGallery1.Selected);; If (IsEmpty(Errors(lstAffaires; BrowseGallery1.Selected)); Back())

IconEdit1 est l’icône de modification d’un élément. Quand l’utilisateur clique dessus, cette action ouvre le contrôle EditForm1 en mode édition et affiche l’écran EditScreen1.

OnSelect: EditForm(EditForm1);;Navigate(EditScreen1; None)

IconBackarrow1 est l’icône de retour à l’écran de navigation BrowseScreen1.

OnSelect: Navigate(BrowseScreen1; None)

LblAppName2 est une étiquette qui affiche par défaut le nom de la liste. Tandis que RectQuickActionBar2 est un rectangle qui représente le bandeau supérieur.

Écran de modification EditScreen1

Cet écran permet de modifier le détail d’un élément.

Quand une application est générée à partir d’une liste SharePoint, son nom par défaut est: EditScreen1. Dans cet écran, EditForm1 est le contrôle principal. C’est un contrôle de type formulaire. Celui-ci permet de modifier ou de créer un nouvel élément. En effet, il contient les champs de la liste SharePoint.

Dans ce contrôle les champs sont regroupés par cartes (ou DataCard). Une carte DataCard2 est créée pour chaque champ. Elle est préfixée du nom du champ : Titre_DataCard2, etc.

Dans ce contrôle, chaque DataCard est constituée de 4 contrôles.

  • Une étiquette StarVisible2 qui signale si le champ est obligatoire ou pas.
  • Une étiquette ErrorMessage2 qui affiche un message d’erreur.
  • Une étiquette DataCarKey avec le nom du champ. Elle est suffixée d’un numéro différent par DataCard : DataCardKey9, etc.
  • Une entrée de texte DataCardValue avec la valeur du champ. Elle est suffixée d’un numéro différent par DataCard : DataCardValue9, etc.

IconAccept1 est l’icône de validation de la modification. Quand l’utilisateur clique dessus, cette action ouvre EditForm1 en validation.

IconCancel1 est l’icône d’annulation de la modification. Quand l’utilisateur clique dessus, cette action affiche à nouveau EditForm1 sans rien modifier.

LblAppName3 est une étiquette qui affiche par défaut le nom de la liste. Tandis que RectQuickActionBar3 est un rectangle qui représente le bandeau supérieur.

Office365 Addict

Ajouter un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.