Skip to content

Commit 64e4883

Browse files
authored
Merge pull request #8529 from MicrosoftDocs/fafuxa-ms-patch-6
Update modern-fluent-design.md
2 parents bc4bb19 + 4a3dd7e commit 64e4883

File tree

1 file changed

+19
-18
lines changed

1 file changed

+19
-18
lines changed

powerapps-docs/user/modern-fluent-design.md

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Modern, refreshed look for model-driven apps (preview)
33
description: Learn about the updated, user interface that makes model-driven apps easier to use.
44
author: sericks007
55
ms.topic: overview
6-
ms.date: 05/31/2023
6+
ms.date: 08/04/2023
77
ms.service: powerapps
88
ms.subservice: end-user
99
ms.author: sericks
@@ -14,12 +14,13 @@ search.audienceType:
1414
- enduser
1515
contributors:
1616
- HemantGaur
17-
17+
- fafuxa-ms
18+
1819
---
1920

2021
# Modern, refreshed look for model-driven apps (preview)
2122

22-
[This article is pre-release documentation and is subject to change.]
23+
[This article is prerelease documentation and is subject to change.]
2324

2425
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.
2526

@@ -32,7 +33,7 @@ The Fluent design system provides consistency, quality, and Microsoft-wide platf
3233
## What’s included with the new look
3334
Here's what you can expect in the modern, refreshed experience:
3435

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
3637
- New Fluent-based controls in forms, business process flows, and dialogs
3738
- A new Power Apps grid in place of the read-only grid in view pages
3839

@@ -60,7 +61,7 @@ The following example shows a form page with the modern, refreshed look.
6061
### Field controls
6162
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.
6263

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

6566
The following example shows a set of fields with the modern, refreshed look.
6667

@@ -69,18 +70,18 @@ The following example shows a set of fields with the modern, refreshed look.
6970
## Turn on the new look
7071
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.
7172

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).
7374

7475
## Provide feedback on the new look
7576
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).
7677

7778
## Known limitations
7879
The modern, refreshed look for model-driven apps has some limitations:
7980

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.
8182
- 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.
8485

8586
## Frequently asked questions (FAQs)
8687

@@ -90,23 +91,23 @@ The **Try the new look and feel (preview)** feature is available for any model-d
9091
### Can I revert to the old UI?
9192
Yes, you can go back to the old UI by turning off the **Try the new look and feel (preview)** setting.
9293

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?
9495
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.
9596

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

99100
### 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.
101102

102103
### 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.
104105

105106
### 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.
107108

108109
### 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.
110111

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

Comments
 (0)