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
description: Learn about the updated, user interface that makes model-driven apps easier to use.
4
4
author: sericks007
5
5
ms.topic: overview
6
-
ms.date: 05/31/2023
6
+
ms.date: 08/04/2023
7
7
ms.service: powerapps
8
8
ms.subservice: end-user
9
9
ms.author: sericks
@@ -14,12 +14,13 @@ search.audienceType:
14
14
- enduser
15
15
contributors:
16
16
- HemantGaur
17
-
17
+
- fafuxa-ms
18
+
18
19
---
19
20
20
21
# Modern, refreshed look for model-driven apps (preview)
21
22
22
-
[This article is pre-release documentation and is subject to change.]
23
+
[This article is prerelease documentation and is subject to change.]
23
24
24
25
Model-driven apps have a modern, refreshed look when the **Try the new look and feel (preview)** feature has been [turned on by makers](modern-fluent-design.md#turn-on-the-new-look) of the apps. This new look provides updated styling including fonts, colors, borders, shadows, and more that align to the latest [Microsoft Fluent design system](https://react.fluentui.dev/?path=/docs/concepts-introduction--page). The updated look makes model-driven apps easier to use so that users can accomplish their goals quickly and efficiently.
25
26
@@ -32,7 +33,7 @@ The Fluent design system provides consistency, quality, and Microsoft-wide platf
32
33
## What’s included with the new look
33
34
Here's what you can expect in the modern, refreshed experience:
34
35
35
-
- Updated styling in forms and view pages, including the use of drop shadows and brighter background colors to create an elevated or "floating" appearance, which helps to visually seperate sections and focuses attention on primary content
36
+
- Updated styling in forms and view pages, including the use of drop shadows and brighter background colors to create an elevated or "floating" appearance, which helps to visually separate sections and focuses attention on primary content
36
37
- New Fluent-based controls in forms, business process flows, and dialogs
37
38
- A new Power Apps grid in place of the read-only grid in view pages
38
39
@@ -60,7 +61,7 @@ The following example shows a form page with the modern, refreshed look.
60
61
### Field controls
61
62
Field controls such as text input, action input, lookup, and check box controls are built and designed using Fluent components. More field controls will be modernized using Fluent design in future updates.
62
63
63
-
Field sections, which are containers for the fields on a form, have a more streamlined design. Icons have been moved to the right side of the field labels. Some redundant icons have been removed for a cleaner layout. For example, the explicit lock icon isn't shown for read-only fields, and recommended icons have been removed for simplicity. Input and error message styling has also been refreshed based on Fluent design.
64
+
Field sections, which are containers for the fields on a form, have a more streamlined design. Icons have been moved to the right side of the field labels. Some redundant icons have been removed for a cleaner layout. For example, recommended icons have been removed for simplicity. Input and error message styling has also been refreshed based on Fluent design.
64
65
65
66
The following example shows a set of fields with the modern, refreshed look.
66
67
@@ -69,18 +70,18 @@ The following example shows a set of fields with the modern, refreshed look.
69
70
## Turn on the new look
70
71
The modern look is disabled by default. Makers can enable the new look for existing and new model-driven apps in the app designer by turning on the **Try the new look and feel (preview)** feature for each model-driven app.
71
72
72
-
Model-driven apps that are part of the preview will automatically get incremental enhancements weekly. For more information about enabling the modern, refreshed look, see [Manage model-driven app settings in the app designer](../maker/model-driven-apps/app-properties.md#upcoming).
73
+
Model-driven apps that are part of the preview automatically get incremental enhancements weekly. For more information about enabling the modern, refreshed look, see [Manage model-driven app settings in the app designer](../maker/model-driven-apps/app-properties.md#upcoming).
73
74
74
75
## Provide feedback on the new look
75
76
After using the modern, refreshed look in your model-driven apps, tell us what you think about it in the [Power Apps community forum](https://go.microsoft.com/fwlink/?linkid=2221574).
76
77
77
78
## Known limitations
78
79
The modern, refreshed look for model-driven apps has some limitations:
79
80
80
-
- The mobile app, mail app, and embedded Teams mode don't support the modern, refreshed look and aren't part of the preview.
81
+
- The mobile app, mail app, and embedded Teams mode don't support the modern, refreshed look, and aren't part of the preview.
81
82
- The modern, refreshed look isn't validated for Dynamics 365 applications at this time. Don't try out the preview in any production, Dynamics 365 applications.
82
-
- With the new look, Power Apps are moving away from the classic theme customizations. This means that the app header and colors for business process flows can't be customized yet.
83
-
- The SharePoint document grid does not support the modern, refreshed look.
83
+
- With the new look, Power Apps is moving away from the classic theme customizations. This means that the app header and colors for business process flows can't be customized yet.
84
+
- The SharePoint document grid doesn't support the modern, refreshed look.
84
85
85
86
## Frequently asked questions (FAQs)
86
87
@@ -90,23 +91,23 @@ The **Try the new look and feel (preview)** feature is available for any model-d
90
91
### Can I revert to the old UI?
91
92
Yes, you can go back to the old UI by turning off the **Try the new look and feel (preview)** setting.
92
93
93
-
### Will any of my existing applications get the new look by default?
94
+
### Do any of my existing applications get the new look by default?
94
95
During the preview period, the new look will only be seen if the **Try the new look and feel (preview)** setting is turned on by app makers.
95
96
96
-
### Is the new look enabled on additional surfaces, like the Power Apps mobile app and the Outlook web app?
97
-
The new look is not yet supported on these surfaces.
97
+
### Is the new look enabled on other surfaces, like the Power Apps mobile app and the Outlook web app?
98
+
The new look isn't yet supported on these surfaces.
98
99
99
100
### Does the app designer preview display the new look?
100
-
Live preview does not display the new look yet. To see the new look, you’ll need to publish the app and select the **Play** button.
101
+
Live preview doesn't display the new look yet. To see the new look, you’ll need to publish the app and select the **Play** button.
101
102
102
103
### Can I switch to a different theme or enable dark mode?
103
-
Switching themes or enabling dark mode is not yet supported.
104
+
Switching themes or enabling dark mode isn't yet supported.
104
105
105
106
### Is the new look available for custom pages or code components?
106
-
No, but we are actively working on bringing the new look to these areas.
107
+
No, but we're actively working on bringing the new look to these areas.
107
108
108
109
### How can I validate and test the new look?
109
-
Please review the documentation for the details on the new controls being enabled in the preview, and focus on those for validation. Execute your end user scenarios as normal. Note that some field controls and grid capabilities are updated, and the experience might be little different.
110
+
Review the documentation for the details on the new controls being enabled in the preview, and focus on those for validation. Execute your end user scenarios as normal. Some field controls and grid capabilities are updated, and the experience might be little different.
110
111
111
-
### Will Dynamics 365 applications support the new look?
112
-
We are working on extending the new look across applications based on model-driven Power Apps.
112
+
### Do Dynamics 365 applications support the new look?
113
+
We're working on extending the new look across applications based on model-driven Power Apps.
0 commit comments