You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: powerapps-docs/maker/model-driven-apps/modern-theme-overrides.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -25,7 +25,7 @@ With the [modern, refreshed look enabled](../../user/modern-fluent-design.md#tur
25
25
> [!NOTE]
26
26
> This functionality is available in build 9.4.23094 or later version.
27
27
28
-
### Create an XML resource with your app header colors
28
+
### Overview of the XML resource to use for app header colors
29
29
30
30
The first step to modifying the app header styling is to create an XML file with your various color selections and add it as a web resource.
31
31
@@ -78,25 +78,25 @@ As an example, this XML specifies a green background color for the app header wi
78
78
1. Select **Solutions** on the left navigation pane, and then create a **New solution**.
79
79
1. Select **New** > **More** > **Web resource**.
80
80
1. In the New web resource property pane, enter the following values:
81
-
-**Display name**: Enter a display name, such as *XML for modern theming*.
82
-
-**Name**. Enter the unique name for the web resource.
83
-
- Type: **Data (XML)**
81
+
-**Display name**: Enter a display name, such as *XML for modern theming*.
82
+
-**Name**. Enter the unique name for the web resource.
83
+
- Type: **Data (XML)**
84
84
1. Select **Choose file**, browse to and select the XML file you created earlier with the theme.
85
85
1. Select **Save**.
86
86
87
-
### Apply custom app header colors to apps in your environment
87
+
### Apply custom app header colors to apps in your environment
88
88
89
89
After you’ve selected your colors and created the XML resource, follow these steps to enable this app header styling for all the apps in your environment that have the “New look” enabled.
90
90
91
91
1. In the solution you used to [create the web resource](#create-the-web-resource), select **Add existing** > **More** > **Setting**.
92
92
1. Type *Override* in the **Search** box, select **Override app header color**, select **Next**, and then select **Add**.
93
93
1. In the solution, select **Override app header color**, and then select **Edit** on the command bar.
94
-
1. On the right **Edit Override ap header color** properties pane, update**Setting environment value**to the unique name of your web resource you created earlier.
94
+
1. On the right **Edit Override ap header color** properties pane, select**Setting environment value**and enter the unique name of your web resource you created earlier.
95
95
1. Select **Save**.
96
96
1. Select **Publish all customizations** on the command bar. (This command appears when no components in the solution are selected).
97
97
98
-
With the example colors above, the header should look like this after refreshing or playing the app.
99
-
:::image type="content" source="media/greenAppHeader-Oct2023.png" alt-text="Green app header in a model-driven app" lightbox="media/greenAppHeader-Oct2023.png":::<!-- This media file is missing -->
98
+
With the example colors above, the app header should look like this after refreshing or playing the app.
99
+
:::image type="content" source="media/greenappppheader-oct2023.png" alt-text="Green app header in a model-driven app" lightbox="media/greenappheader-oct2023.png":::
100
100
101
101
### Verifying new app header colors
102
102
@@ -107,6 +107,6 @@ After publishing your new app header colors, you'll want to validate the app hea
0 commit comments