Apparence moderne et actualisée pour les applications pilotées par modèle
Les applications pilotées par modèle ont une apparence moderne et actualisée lorsque le bouton bascule Nouvelle apparence est activé. La nouvelle présentation offre un style actualisé, notamment en ce qui concerne les polices, les couleurs, les bordures, les ombres, etc. qui s’alignent sur le dernier système de conception Microsoft Fluent. L’apparence mise à jour facilite l’utilisation des applications pilotées par modèle afin que les utilisateurs puissent atteindre leurs objectifs rapidement et efficacement. Le système de conception Fluent offre cohérence, qualité et cohérence de la plate-forme à l’échelle de Microsoft. Il fournit également une base solide pour l’extensibilité et permet la prise en charge du mode sombre à l’avenir.
Important
Avec le lancement du canal mensuel d’octobre, le bouton bascule Nouvelle apparence a été supprimé et les utilisateurs le verront toujours activé. Pour en savoir plus, consultez Gestion du déploiement toujours activé. Cette modification a été partagée dans la note de lancement de la 2e vague de 2024 et la note de publication mensuelle d’octobre 2024.
Ce qui est inclus dans l’apparence moderne et rafraîchie
Voici ce à quoi vous pouvez vous attendre dans l’expérience moderne et actualisée :
- Style mis à jour dans les pages du formulaire, de la vue et du tableau de bord, y compris l’utilisation d’ombres portées et de couleurs d’arrière-plan plus vives pour créer une apparence surélevée ou flottante. L’apparence flottante aide à séparer visuellement les sections et concentre l’attention sur le contenu principal.
- Nouveaux contrôles basés sur Fluent dans les formulaires, les flux de processus d’entreprise et les boîtes de dialogue. Les boîtes de dialogue redimensionnent désormais automatiquement la hauteur en fonction du contenu.
- Une nouvelle grille Power Apps à la place de la grille en lecture seule dans les pages de la vue et du tableau de bord standard.
- Un nouveau mécanisme pour personnaliser les couleurs de l’en-tête de l’application en fonction de votre marque personnelle ou organisationnelle. Pour plus d’informations : Utiliser des thèmes modernes
- Un paramètre de l’utilisateur final appelé Essayer la nouvelle apparence qui active l’expérience moderne et actualisée.
Barre de commandes
La barre de commandes flottante s’aligne sur l’expérience Microsoft 365, avec une cohérence en matière d’espacement, de coins arrondis et d’élévation. Remarquez que la barre de commandes se trouve dans une section distincte en haut de la page dans l’exemple suivant.
Pages de la vue
Les pages de vue utilisent la nouvelle barre de commande et disposent de zones de grille mises à jour qui bénéficient des modifications d’élévation pour attirer l’attention de l’utilisateur.
Le changement le plus important pour les pages de vue est le changement de la grille en lecture seule en contrôle de grille Power Apps, qui présente un défilement infini pour une expérience de navigation moderne dans les données. Cette grille apparaît également dans les sous-grilles et les grilles associées dans les formulaires et les tableaux de bord principaux. Le contrôle de grille Power Apps prend également en charge la modification intraligne avec la propriété Activer le filtrage. Les créateurs peuvent configurer manuellement leurs grilles éditables pour qu’elles utilisent le contrôle de grille Power Apps.
L’exemple suivant montre une page de vue avec l’aspect moderne et actualisé.
Pages de formulaire
Les pages de formulaire utilisent la nouvelle barre de commandes et ont des en-têtes, des onglets, des sections et des flux des processus d’entreprise actualisés. Les vues rapides, les formulaires de carte, les en-têtes, les plans de site et les commandes de chronologie comportent également un style de mise à jour.
L’exemple suivant montre une page de formulaire avec l’apparence moderne et actualisée.
Contrôles de champ
Les contrôles de champ tels que la saisie de texte, la saisie d’action, la recherche et les contrôles de case à cocher sont créés et conçus à l’aide de composants Fluent. D’autres contrôles de champ devraient être modernisés à l’aide de la conception Fluent dans les futures mises à jour.
Les sections Champ, qui sont des conteneurs pour les champs d’un formulaire, ont une conception plus simple. Les icônes se trouvent désormais à droite des étiquettes de champ. Certaines icônes redondantes ont été supprimées pour une mise en page plus propre. Le style des messages d’entrée et d’erreur est également actualisé sur la base de la conception Fluent.
L’exemple suivant montre un ensemble de champs avec l’apparence moderne et actualisée.
Page du tableau de bord
La page du tableau de bord système, avec des sous-grilles et des graphiques indépendants, a été mise à jour pour utiliser la nouvelle barre de commandes et son style est similaire aux sections dans les pages de formulaire et de vue. Lorsque l’expérience moderne est activée ou lors de l’utilisation du canal mensuel, les grilles du tableau de bord système utilisent le nouveau contrôle de grille Power Apps. La nouvelle grille n’est pas activée par défaut.
Contrôles de graphique
Les contrôles de graphique sur les pages d’affichage et les tableaux de bord ont été mis à jour avec une nouvelle palette de couleurs pour une apparence moderne et actualisée.
Si les couleurs du graphique ont été personnalisées, le nouvel aspect remplace les couleurs personnalisées. Le créateur peut conserver les couleurs personnalisées en ajoutant la propriété CustomColorOverride dans le fichier .xml du graphique.
<Chart CustomColorOverride="true">
Limitations connues
L’apparence actualisée, moderne pour les applications pilotées par modèle présente certaines limites :
Apparence moderne et rafraîchie en dehors du navigateur
L’application mobile et l’application de messagerie ne prennent pas en charge l’apparence moderne et actualisée et ne font pas partie de la version préliminaire ou de la disponibilité générale.
Changement de thème ou activation du mode sombre
Changer de thème ou activer le mode sombre n’est pas pris en charge pour le moment.
Rendre hommage aux thèmes classiques
Avec la nouvelle apparence moderne, Power Apps ne suit plus les personnalisations de thème classiques. Vous pouvez toutefois remplacer les couleurs de l’en-tête de l’application pour qu’elles correspondent à la marque de votre organisation avec la nouvelle apparence moderne. Pour en savoir plus, consultez Modifier la couleur de l’en-tête de l’application. Les autres options de personnalisation du thème pour la nouvelle apparence moderne ne sont pas encore disponibles.
Icônes personnalisées
Seules les icônes SVG sont prises en charge. Si vous utilisez d’autres formats tels que PNG, la navigation ne les affiche pas et une icône par défaut apparaît à la place.
Forum Aux Questions (FAQ)
Puis-je utiliser l’apparence moderne et actualisée dans Power Apps component framework ou dans les composants de code personnalisés ?
Le thème moderne utilisé est transmis aux composants du Power Apps Component Framework vous permettant de donner du style à vos composants avec un thème moderne.
Puis-je utiliser l’aspect moderne et actualisé dans les pages personnalisées ?
Les contrôles modernes peuvent être utilisés avec des pages personnalisées et l’aspect moderne et actualisé. Le thème moderne n’est actuellement pas hérité par les pages personnalisées.
Puis-je changer la couleur de l’en-tête de l’application ?
Il est possible de changer la couleur de l’en-tête de l’application pour qu’elle corresponde à votre organisation tout en conservant l’aspect moderne et actualisé. Voir Utiliser des thèmes modernes pour plus de détails. Les autres options de personnalisation du thème pour la nouvelle apparence moderne ne sont pas encore disponibles.
Utiliser l’apparence moderne et actualisée
Fournir des commentaires sur l’aspect moderne et actualisé
Après avoir utilisé l’apparence moderne et actualisée de vos applications pilotées par modèle, dites-nous ce que vous en pensez sur le forum de la communauté Power Apps.
Gestion du déploiement toujours activé
Avec la version mensuelle d’octobre 2024, les utilisateurs du canal mensuel ne verront plus le bouton bascule Nouvelle apparence dans l’en-tête de l’application. La nouvelle apparence sera toujours activée pour ces utillisateurs. Les créateurs et les administrateurs peuvent forcer les utilisateurs à adopter l’apparence classique en définissant le paramètre d’application Nouvelle apparence des applications pilotées par modèle sur false. Pour en savoir plus, consultez Rétablir l’apparence classique.
Rétablir l’ancienne interface utilisateur
Les utilisateurs finaux du canal semi-annuelle peuvent revenir à l’ancienne interface utilisateur en désactivant le bouton bascule Nouvelle apparence. Les créateurs peuvent également désactiver la nouvelle apparence en mettant à jour les paramètres de l’application.
Pour en savoir plus sur la désactivation de l’apparence moderne et actualisée, consultez Gérer les paramètres des applications pilotées par modèle dans le concepteur d’application.
Les administrateurs peuvent désactiver le paramètre Nouvelle apparence dans toutes les applications d’une organisation à l’aide de l’explorateur de solutions pour définir la valeur Nouvelle apparence des applications pilotées par modèle sur Non. Cela masque le bouton bascule Nouvelle apparence et empêche la nouvelle apparence moderne et actualisée de prendre effet.
Ouvrir https://make.powerapps.com/
Sous Solutions , ouvrez une solution existante avec une ou plusieurs applications pilotées par modèle :
Sélectionnez Ajouter existant>Autre>Paramètre.
Recherchez Nouvelle apparence.
Sélectionnez Nouvelle apparence pour les applications pilotées par modèle.
Sélectionnez Ajouter pour l’ajouter à la solution.
Sélectionnez Nouvelle apparence pour les applications pilotées par modèle dans l’explorateur de solutions.
Mettez à jour Définition de la valeur de l’environnement sur Non.
Sélectionnez Enregistrer.
Publiez toutes les personnalisations.
Note
Si vous utilisez la 2e vague de lancement 2023 et que vous souhaitez désactiver la nouvelle apparence, mettez à jour le paramètre Essayer la nouvelle apparence.
Activation de l’aspect moderne pour mon application et suppression de la bascule
Dans les scénarios où les créateurs et les administrateurs souhaitent activer une expérience moderne « toujours activée », ils peuvent l’activer en définissant le paramètre d’application Nouvelle apparence toujours activée. Cela active l’apparence moderne et actualisée pour tous les utilisateurs de l’application et supprime la possibilité pour les utilisateurs finaux de désactiver la Nouvelle apparence.
Les administrateurs peuvent activer le paramètre Nouvelle apparence toujours activée dans toutes les applications d’une organisation à l’aide de l’explorateur de solutions pour définir la valeur Nouvelle apparence toujours activée sur Oui. Cela masque le bouton bascule Nouvelle apparence et active l’apparence moderne et actualisée pour tous les utilisateurs.
- Ouvrir https://make.powerapps.com/
- Sous Solutions , ouvrez une solution existante avec une ou plusieurs applications pilotées par modèle :
- Sélectionnez Ajouter existant>Autre>Paramètre.
- Recherchez Nouvelle apparence toujours activée.
- Sélectionnez Nouvelle apparence toujours activée.
- Sélectionnez Ajouter pour l’ajouter à la solution.
- Sélectionnez Nouvelle apparence toujours activée dans l’explorateur de solutions.
- Mettez à jour Définition de la valeur de l’environnement sur Oui.
- Cliquez sur Enregistrer.
- Publiez toutes les personnalisations.