Liste des tâches

Accéder à SharePoint

Les manipulations pour accéder à SharePoint 365 peuvent varier en fonction de votre configuration. En effet, les raccourcis disponibles peuvent varier en fonction de votre entreprise. Si la méthode décrite ci-dessous ne fonctionne pas, n’hésitez pas à vous rapprocher de votre DSI, aussi bien pour accéder à SharePoint que pour créer un site (voir paragraphe suivant).

Créer un site

Ce site va uniquement contenir les listes SharePoint que nous allons utiliser dans cet ouvrage. Il y a donc très peu de contraintes et de nombreuses options possibles n’ont aucune importance dans le cas présent.

SharePoint vous demande si vous voulez créer un site d’équipe ou un site de communication. Les deux sont équivalents pour l’usage que nous allons en faire.

SharePoint vous propose une liste de modèles possibles.

SharePoint vous propose un aperçu du site

Créer une nouvelle application

Power Apps vous propose de créer une nouvelle application à partir de différentes sources ou modèles.

Power Apps prend quelques secondes pour créer l’application.

Pour mémoire, vous devez enregistrer une première fois l’application pour que la sauvegarde automatique soit activée.

Power Apps revient sur l’écran de conception de l’application.

Créer une connexion

Nous allons maintenant relier notre application à la liste SharePoint que nous venons de créer.

Power Apps ouvre un volet à droite, vous demandant d’indiquer le site sur lequel vous connecter.

Créer l’écran et dupliquer l’en-tête

Créer le formulaire

Power Apps ajoute les contrôles associés aux trois champs que nous avions définis, plus un champ Pièces jointes dont nous n’avons pas besoin. Notez que le type des contrôles est fonction du type des champs (type texte, type calendrier, type liste déroulante).

Aller sur l’écran d’édition

La première navigation à mettre en place est dans le sens « écran liste vers écran d’édition », de manière à ouvrir l’écran Screen2 en cliquant sur un item de Gallery1.

Cette propriété permet de définir ce qui se passe quand l’utilisateur clique sur l’objet. En l’occurrence, Power Apps a déjà défini une action, celle de sélectionner (donc de « cliquer ») sur le contrôle parent.

En observant la propriété OnSelect des différents contrôles présents par défaut dans la galerie, nous constatons que tous font la même chose : sélectionner le contrôle parent, c’est-à-dire la galerie elle-même. Cette astuce permet d’avoir un effet identique, quel que soit l’endroit où l’utilisateur clique, l’icône ne servant qu’à indiquer que la zone est cliquable. 

Modifier une tâche

Sauvegarder les modifications

Vous noterez que vous pouvez modifier une tâche (par exemple son titre) dans le formulaire en mode utilisation, mais que ces modifications ne sont pas sauvegardées dans la base de données. Pour sauvegarder ces modifications, nous allons utiliser une icône que nous allons positionner en bas à droite. Un clic sur cette icône devra effectuer la sauvegarde vers la liste SharePoint, puis fermer l’écran du formulaire pour revenir à celui de la liste.

Dans une app réelle, nous aurions utilisé le même type de contrôle (bouton ou icône) pour l’ensemble des contrôles actionnables. Le but ici est de manipuler différents types de contrôles pour en voir les différences, et que vous puissiez choisir l’un ou l’autre en fonction de vos besoins.

 Ouvrez le volet Arborescence et sélectionnez Screen2.

 Dans le menu Insérer, cliquez sur Icônes.

 Dans le volet des propriétés, définissez la propriété Icône à Checkmark.

 Positionnez l’icône en bas à droite de l’écran Screen2.

 Dans le volet droite, onglet Avancé, cliquez sur la propriété OnSelect.

 Saisissez la formule suivante : SubmitForm(Form1) ;; Navigate(Screen1; Transition.None)

Cette formule est en fait la combinaison de deux formules, séparées par point-virgule ;;.Vous reconnaissez la deuxième partie de la formule, destinée à revenir sur l’écran Screen1. La première partie de la formule permet de sauvegarder les données dans la liste SharePoint.

Pour séparer deux fonctions dans une formule, vous devez utiliser un double point-virgule.

Dans un environnement anglophone, le séparateur décimal est un point, les arguments d’une fonction sont séparés par une virgule et les fonctions par un simple point-virgule. En France, le séparateur décimal est la virgule, et les arguments sont séparés par un point-virgule (comme dans une formule Excel). Du coup, le double point-virgule est utilisé pour séparer...

Modifier la couleur d’un contrôle

Modifier la couleur d’un contrôle classique

 Dans l’arborescence, sélectionnez l’écran Screen2.

 Sélectionnez l’icône contenant la coche de validation.

 Cliquez sur l’icône en Couleur  en face de sa propriété Couleur.

Un menu apparaît, vous permettant de choisir la couleur.

 Cliquez sur une couleur, vert par exemple, celle sur la première ligne cinquième colonne. 

Dans le volet Avancé, vous pouvez également définir la couleur en saisissant la formule dans la propriété Color.

Les couleurs se définissent avec quatre valeurs : les trois premières sont comprises entre 0 et 255 et indiquent les valeurs de rouge, vert et bleu. La quatrième valeur, comprise entre 0 et 1, indique la transparence.

Ainsi :

RGBA(255 ; 0 ; 0 ; 1) désigne une couleur rouge totalement opaque.

RGBA(0...