Comment masquer la barre Power Apps ?

Cette manipulation vous explique comment cacher la barre Power Apps lors de l’exécution d’une application Power Apps.

En effet, la barre de navigation violette apparaît automatiquement en haut de l’écran lorsque les utilisateurs exécutent une application canevas à l’aide d’un navigateur Web.

Toutefois, il est possible de cacher cette barre de navigation, temporairement ou en permanence.

Si vous rencontrez des erreurs dans les manipulations ci-dessous, lisez l’article qui explique comment débuguer les erreurs dans Power Apps.

Gardez à l’esprit que l’interface a pu évoluer fortement depuis que cet article a été rédigé.

Cacher la barre Power Apps temporairement

Vous allez exécuter un programme Power Apps.

Dans ce scénario, il s’agit du programme Liberté. Celui-ci a été développé lors de la manipulation des Composants Power Apps. Bien évidemment, libre à vous de choisir un autre programme.

En particulier, créez un nouvel onglet dans votre navigateur web en appuyant sur les touches CTRL + T du clavier.

Puis, dans ce nouvel onglet, tapez l’url suivante pour ouvrir Power Apps.

Dans ce nouvel onglet Power Apps, ouvrez la liste des applications Power Apps, en cliquant sur le menu Applications (à gauche).

Dans cette liste, cliquez sur le nom de l’application de votre choix.

L’application s’exécute.

Application Power Apps en cours d'exécution avec la barre Power Apps
Application Power Apps en cours d’exécution avec la barre Power Apps

Lors de l’exécution du programme, la barre de navigation violette de Power Apps s’affiche par défaut.

Pour la cacher temporairement, il suffit d’ajouter les caractères suivants derrière l’URL :

&hidenavbar=true

Par exemple dans ce scénario, l’URL du programme Power Apps en cours d’exécution est :

https://apps.powerapps.com/play/e/default-d0df8d2c-b7d9-4sdq/a/4g5e-b1dc-124828e71d40?tenantId=d0df8d2c-b7d9-4sdq&hint=4e45ed57-3e84-0f4g-b608&sourcetime=2022-04-14Z&source=portal

Ensuite, ajoutez &hidenavbar=true à la fin de l’URL, cela donne :

https://apps.powerapps.com/play/e/default-d0df8d2c-b7d9-4sdq/a/4g5e-b1dc-124828e71d40?tenantId=d0df8d2c-b7d9-4sdq&hint=4e45ed57-3e84-0f4g-b608&sourcetime=2022-04-14Z&source=portal&hidenavbar=true

La barre de navigation violette disparaît.

Application Power Apps en cours d'exécution sans la barre Power Apps
Application Power Apps en cours d’exécution sans la barre Power Apps

Cacher la barre Power Apps en permanence

Dans un cas précis, il est possible de cacher la barre Power Apps en permanence.

Notamment, lorsque vous lancez un programme Power Apps à partir d’un autre programme Power Apps.

Pour cela, vous devez récupérer l’identifiant de l’application (ID d’application) à lancer. L’ID d’application est unique dans un environnement Power Apps.

Dans notre scénario, le programme Liberté lance le programme Révolution. Celui-ci a été développé lors de la manipulation pour Réutiliser des composants Power Apps. Bien évidemment, libre à vous de choisir un autre programme.

Vous allez récupérer l’identifiant du programme Révolution.

Pour ce faire, dans Power Apps, affichez à nouveau la liste des applications Power Apps, en cliquant sur le menu Applications (à gauche).

Ensuite, affichez les détails du programme Révolution, en cliquant sur les 3 petits points à droite du mot Révolution puis sur le choix Détails.

ID d'application Power Apps
ID d’application Power Apps

Dans ce scénario, l’ID de l’application à lancer est :

c53744e9-a5f7-4720-90a3-5746e8c40be9

Bien évidemment, l’ID de votre application sera forcément différent.

Modifier l’application Power Apps

Ensuite, vous allez modifier l’application Power Apps (Liberté) qui va lancer l’application à lancer (Révolution).

Pour ce faire, dans Power Apps, affichez à nouveau la liste des applications Power Apps, en cliquant sur le menu Applications (à gauche).

Ensuite, ouvrez en modification l’application Liberté, en cliquant sur les 3 petits points à droite du mot Liberté puis sur le choix Modifier.

Puis, insérez un bouton où vous voulez dans l’application.

Puis, modifiez l’intitulé du bouton, en remplaçant le texte Bouton par Révolution.

Bouton dans l'application
Bouton dans l’application

Fonction Launch de Power Apps

Ensuite, vous allez lancer l’application Révolution grâce à ce bouton.

Notamment, dans Power Apps, vous devez utiliser la fonction Launch pour lancer une application Power Apps canevas ou une URL d’un site Web.

Par ailleurs, la fonction Launch accepte jusqu’à 3 paramètres.

  • Le premier paramètre, obligatoire, est l’ID d’application de l’application canevas ou l’URL de la page Web.
  • Le second paramètre, facultatif, contient les paires clef-valeur à transmettre à l’application canevas ou à la page Web.
  • Le troisième paramètre, facultatif, est l’onglet du navigateur dans lequel lancer l’application canevas ou la page Web.

Aussi, remplacez la valeur false de la propriété avancée OnSelect du bouton avec la formule suivante :

Launch("/providers/Microsoft.PowerApps/apps/c53744e9-a5f7-4720-90a3-5746e8c40be9"; { hidenavbar: "true"}; LaunchTarget.Replace)

Dans la formule ci-dessus, la fonction Launch a trois paramètres.

Dans le premier paramètre, remplacez l’ID de l’application (en gras), par la valeur de votre ID d’application. Par contre, conservez, sans rien modifier, le préfixe /providers/Microsoft.PowerApps/apps/ qui est obligatoire.

Ensuite, le second paramètre, transmet la paire clef-valeur hidenavbar=true qui cache la barre de navigation de Power Apps. Cette paire clef-valeur sera automatiquement mise à la fin de l’URL sous la forme &hidenavbar=true.

Puis, le troisième paramètre indique que l’application va remplacer l’onglet actuel.

Puis, enregistrez votre application avec les touches CTRL + S du clavier.

Enfin, publiez votre application avec les touches CTRL + Maj + P du clavier.

Ensuite, cliquez sur la flèche Précédent (en haut, à gauche) : un pop-up demande s’il faut quitter.

Dans ce pop-up, cliquez sur Quitter : la liste des applications Power Apps s’affiche.

Vérification

Vous allez vérifier que l’application Révolution se lance bien à partir de l’application Liberté quand l’utilisateur appuie sur le bouton.

Avant de poursuivre, vérifiez que vous avez bien la liste des applications Power Apps sous les yeux. Ne faites pas la manipulation suivante lorsque l’application Liberté est en cours de modification.

Dans la la liste des applications Power Apps, cliquez sur Liberté : l’application Liberté s’exécute.

Si un bandeau jaune vous prévient que vous utilisez une ancienne version de l’application, cliquez sur le bouton Actualiser ou actualisez simplement la page du navigateur pour utiliser la dernière version.

Enfin, cliquez sur le bouton Révolution : l’application Révolution se lance sans la barre de navigation Power Apps et remplace l’application en cours.

L'application se lance sans la barre Power Apps
L’application se lance sans la barre Power Apps

Ensuite, quittez le mode d’exécution.

Cacher la barre Power Apps automatiquement en encapsulant l’application

Si vous souhaitez cacher systématiquement la barre de navigation Power Apps, vous pouvez vous inspirer de la manipulation précédente.

En effet, supposez que votre application Power Apps métier s’intitule ProgA.

Par ailleurs, vous souhaitez masquer la barre de navigation de ProgA.

Dans ce cas, vous créez une deuxième application canevas qui s’intitule Wrapper-ProgA. Le nom importe peu.

Puis, dans Wrapper-ProgA, vous modifiez la valeur de la propriété avancée OnStart de l’objet App avec la formule suivante :

Launch("/providers/Microsoft.PowerApps/apps/ID de l'application ProgA"; { hidenavbar: "true"}; LaunchTarget.Replace)

Ensuite, dans cette formule, à la place des caractères en gras (ID de l’application ProgA) , vous indiquez la véritable valeur de l’ID de l’application ProgA.

Ensuite, il vous suffit d’indiquer à vos utilisateurs qu’il doive lancer l’application Wrapper-ProgA (et non pas ProgA).

Fin des manipulations.

Ce contenu a été publié dans Power Apps. Vous pouvez le mettre en favoris avec ce permalien.

Laisser un commentaire

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