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 apparence offre un style mis à jour, avec notamment des polices, des couleurs, des bordures et des ombres qui correspondent au système de conception Microsoft Fluent le plus récent. 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 de la Vague 1 de 2025, le bouton bascule Nouvelle apparence est supprimé pour les utilisateurs. Pour en savoir plus, consultez Gestion du déploiement permanent.

Avec le Lancement du canal mensuel d’octobre 2024, le bouton bascule Nouvelle apparence est supprimé pour les utilisateurs du canal mensuel. Pour en savoir plus, consultez Gestion du déploiement permanent. 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 en savoir plus, consultez l’article 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 d’affichage utilisent la nouvelle barre de commandes et les zones de grille mises à jour qui tirent parti des changements d’altitude 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 avec des en-têtes, des onglets, des sections et des flux de 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. Les futures mises à jour moderniseront d’autres contrôles de champ à l’aide de la conception Fluent.

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 du système, avec des sous-grilles et des graphiques indépendants, est mise à jour pour utiliser la nouvelle barre de commandes et a un style similaire aux sections des 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 sont 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">

Actualisation de l’en-tête et de la navigation

L’en-tête et la navigation actualisés facilitent l’utilisation des applications avec un en-tête d’application moderne, un plan de site simplifié et des en-têtes de page condensés avec des commandes compactes. Cette expérience améliore la productivité en réduisant le temps passé à naviguer dans les pages, à rechercher des commandes et à apprendre les mises en page.

Voici à quoi ressemblent le nouvel en-tête d’application et le plan de site simplifié :

Voici à quoi ressemble le nouvel en-tête de formulaire avec plus d’accent sur les détails de ligne :

Cette mise à jour s’applique automatiquement à toutes les applications générées par le Concepteur de plans. Pour les autres applications existantes, vous pouvez vous inscrire en procédant comme suit :

1. Dans la barre de commande du concepteur d’applications, sélectionnez Paramètres.
2. Sélectionnez Fonctionnalités, puis activez Actualisation de l’en-tête et de la navigation.

Pour en savoir plus, consultez FAQ sur l’actualisation de l’en-tête et de la navigation.

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)

1. 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.

2. 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é. Actuellement, les pages personnalisées n’utilisent pas le thème moderne.

3. 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é. Pour en savoir plus, consultez l’article Utiliser des thèmes modernes. Les autres options de personnalisation du thème pour la nouvelle apparence moderne ne sont pas encore disponibles.

4. FAQ pour l’actualisation de l’en-tête et de la navigation

Puis-je activer l’actualisation de l’en-tête et de la navigation sans activer le nouveau look ?

Non, vous devez activer Nouvelle apparence en plus d’activer l’actualisation de l’en-tête et de la navigation pour voir l’expérience d’en-tête et de navigation actualisée dans l’application.

Comment activer l’actualisation de l’en-tête et de la navigation pour les applications existantes ?

La fonctionnalité est disponible en tant que fonctionnalité facultative pour les applications existantes. Vous pouvez l’activer via les paramètres de l’application.

Pourquoi l’icône d’aide ne s’affiche-t-elle pas dans la barre de commandes globale de l’en-tête de l’application ?

Le lien d’aide vers la documentation est disponible dans le volet Paramètres.

Où se trouve le rail du volet latéral à côté du volet de conversation instantanée Copilot ?

Le sélecteur de volets latéraux n’est disponible que lorsqu’il y a deux volets latéraux ou plus dans l’application. Lorsque la conversation instantanée Copilot est le seul volet latéral, le sélecteur est masqué.

Où se trouve la page d’accueil dans le plan du site ?

Pour les applications générées par le Concepteur de plans, les groupes Accueil et Plan de site sont désactivés par défaut pour une apparence simplifiée.

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 Vague 1 de 2025 (ou la version mensuelle d’octobre 2024 pour les utilisateurs du canal mensuel), les utilisateurs ne voient plus le bouton bascule Nouvelle apparence dans l’en-tête de l’application. La nouvelle apparence est toujours activée. 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 Revenir à l’apparence classique.

Rétablir l’ancienne interface utilisateur

Nonte

À partir de la Vague 1 de 2025, les utilisateurs finaux du canal semi-annuel perdent la possibilité de revenir à l’ancienne interface utilisateur. Les administrateurs peuvent toujours désactiver la nouvelle apparence pour tous les utilisateurs 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.

1. Ouvrir https://make.powerapps.com/
2. Sous Solutions, ouvrez une solution existante avec une ou plusieurs applications pilotées par modèle.
3. Sélectionnez Ajouter existant>Autre>Paramètre.
4. Recherchez Nouvelle apparence.
5. Sélectionnez Nouvelle apparence pour les applications pilotées par modèle.
6. Sélectionnez Ajouter pour l’ajouter à la solution.
7. Sélectionnez Nouvelle apparence pour les applications pilotées par modèle dans l’explorateur de solutions.
8. Mettez à jour Définition de la valeur de l’environnement sur Non.
9. Ajoutez les applications à la solution pour laquelle vous souhaitez désactiver la nouvelle apparence.
10. Mettez à jour la valeur des applications sur Non.
11. Sélectionnez Enregistrer.
12. Publiez toutes les personnalisations.

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.

1. Ouvrir https://make.powerapps.com/
2. Sous Solutions , ouvrez une solution existante avec une ou plusieurs applications pilotées par modèle :
3. Sélectionnez Ajouter existant>Autre>Paramètre.
4. Recherchez Nouvelle apparence toujours activée.
5. Sélectionnez Nouvelle apparence toujours activée.
6. Sélectionnez Ajouter pour l’ajouter à la solution.
7. Sélectionnez Nouvelle apparence toujours activée dans l’explorateur de solutions.
8. Mettez à jour Définition de la valeur de l’environnement sur Oui.
9. Cliquez sur Enregistrer.
10. Publiez toutes les personnalisations.