Modifier rapidement l’aspect de votre application à l’aide de thèmes

Effectué

Un moyen simple et rapide de modifier les couleurs dans votre application consiste à appliquer un thème. La création de thèmes modifie les propriétés de contrôle telles que Fill et Color pour les rendre identiques dans toute votre application. Dans Power Apps, plus de 20 thèmes prêts à l’emploi sont sélectionnables. Des options de thème sont disponibles lorsque vous sélectionnez un écran ou l’application à partir de votre volet Arborescence sur le côté gauche de l’écran. La capture d’écran suivante montre où trouver le bouton d’option Thème dans votre barre de commandes et certains des thèmes immédiatement disponibles pour votre application.

Capture d’écran du menu Thème dans la barre de commandes.

Ces thèmes possèdent un ensemble spécifique de couleurs et d’éléments visuels par défaut qui modifient l’aspect de l’ensemble de votre application. Une fois que vous avez sélectionné un thème, les modifications apportées à votre application prennent effet immédiatement.

Pour voir ce que nous voulons dire, sélectionnez le thème Lavender (Lavande) dans notre application Cafetières Contoso. Notez immédiatement que l’arrière-plan de notre écran et de nos boutons change. Compte tenu de certaines couleurs de notre texte (déjà dans l’application), nous ne souhaitons peut-être pas choisir l’un des thèmes les plus sombres qui rendent l’écran noir, car nous ne pourrions alors pas voir notre texte. Dans notre cas, le thème Lavender fonctionne bien.

Si aucun des thèmes inclus ne fonctionne pour votre application, vous pouvez créer un thème personnalisé. Par exemple, si vous décidez de sélectionner le thème Steel (Acier) et que vous souhaitez que l’arrière-plan de l’écran soit d’une couleur plus claire, vous pouvez y parvenir facilement. Pour modifier l’arrière-plan de votre écran, sélectionnez l’écran dans le volet Arborescence et notez que les options Couleur d’arrière plan et Image d’arrière-plan s’affichent dans la barre de commandes en regard du bouton de thème. Le menu de la barre de commandes change selon le contrôle sélectionné. Power Apps facilite la recherche des propriétés que vous souhaiterez peut-être ajuster.

Un clic sur Couleur d’arrière plan entraîne la présentation d’une palette de couleurs de Thème et Standard. Si vous placez votre souris sur l’un des cercles de couleur, notez qu’un libellé de survol en regard de la couleur affiche une valeur RGBA que Power Apps interprète comme type de données : couleur. Lorsque vous sélectionnez l’une de ces couleurs, Power Apps redéfinit la propriété Fill du contrôle sélectionné.

Capture d’écran de la palette de couleurs d’arrière-plan.

Si vous souhaitez ajouter un nouvel écran vide, sa propriété Fill est toujours définie sur Color.white. Il s’agit de la valeur par défaut lorsque vous utilisez une application canevas. Cependant, les boutons de la barre de commandes facilitent la modification d’un thème standard, même s’il s’agit d’un contrôle à la fois.

Aucune option ne permet actuellement de créer un thème « Personnalisé » pour une application canevas et de le stocker afin de l’utiliser pour d’autres applications. L’avantage d’utiliser un thème Power Apps est qu’il s’applique à tous les contrôles qui peuvent être thématiques d’un simple clic. Un autre avantage d’un thème Power Apps est que chaque fois que vous ajoutez un contrôle à votre application, le thème sélectionné lui est déjà appliqué.

Conseil

Si vous modifiez des couleurs de contrôle avant d’appliquer un thème, Power Apps n’applique pas les modifications de couleur du thème à ce contrôle. Power Apps souhaite que vous puissiez modifier les thèmes comme bon vous semble.

De nombreuses organisations sélectionnent le thème qui répond le mieux à leurs besoins, puis modifient les différentes propriétés du contrôle pour les adapter à leur branding d’entreprise. Nous allons découvrir comment effectuer un branding organisationnel dans l’unité suivante.