Skip to content

Commit 1f08834

Browse files
authored
Merge pull request #8785 from MicrosoftDocs/adrianorth-patch-1
Update modern-fluent-design.md
2 parents c4a30b7 + 03afcc1 commit 1f08834

File tree

2 files changed

+10
-4
lines changed

2 files changed

+10
-4
lines changed
174 KB
Loading

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

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Modern, refreshed look for model-driven apps
33
description: Learn about the updated, user interface that makes model-driven apps easier to use.
44
author: chmoncay
55
ms.topic: overview
6-
ms.date: 10/09/2023
6+
ms.date: 10/17/2023
77
ms.service: powerapps
88
ms.subservice: end-user
99
ms.author: chmoncay
@@ -14,6 +14,7 @@ search.audienceType:
1414
- enduser
1515
contributors:
1616
- HemantGaur
17+
- adrianorth
1718

1819
---
1920

@@ -41,7 +42,7 @@ The _floating_ command bar aligns with the Microsoft 365 experience, with consis
4142
### View pages
4243
View pages use the new command bar and have updated grid areas that take advantage of the elevation changes to help draw the user's attention.
4344

44-
The biggest change on view pages is the switch from the read-only grid to the [Power Apps grid control (preview)](../maker/model-driven-apps/the-power-apps-grid-control.md), which features infinite scrolling for a modern, data browsing experience. This grid also appears in subgrids and associated grids in main forms, but isn't yet supported in dashboards. The Power Apps grid control also supports inline editing using the **Enable filtering** property. Makers may manually configure their editable grids to use the Power Apps grid control.
45+
The biggest change on view pages is the switch from the read-only grid to the [Power Apps grid control](../maker/model-driven-apps/the-power-apps-grid-control.md), which features infinite scrolling for a modern, data browsing experience. This grid also appears in subgrids and associated grids in main forms and dashboards. The Power Apps grid control also supports inline editing using the **Enable filtering** property. Makers may manually configure their editable grids to use the Power Apps grid control.
4546

4647
The following example shows a view page with the modern, refreshed look.
4748

@@ -63,6 +64,11 @@ The following example shows a set of fields with the modern, refreshed look.
6364

6465
:::image type="content" source="media/modern-fields.png" alt-text="Fields in a model-driven app that has the modern, refreshed look.":::
6566

67+
### Dashboard page
68+
The system dashboard page, with independent subgrids and charts, has been updated to use the new [command bar](#command-bar) and has styling similar to the sections in form and view pages. When the modern experience is enabled, or when using the [monthly channel](../maker/model-driven-apps/channel-overview.md), the system dashboard grids use the new [Power Apps grid control](../maker/model-driven-apps/the-power-apps-grid-control.md). The new grid is not enabled by default.
69+
70+
:::image type="content" source="media/modern-system-dashboard.png" alt-text="System dashboard page with the modern, refreshed look.":::
71+
6672
## Turn on the new look
6773
End users can enable the modern, refreshed look for their model-driven apps in the app by enabling the **Try the new look** setting in the header of their app. They can switch back at [anytime](modern-fluent-design.md#can-i-revert-to-the-old-ui).
6874

@@ -89,15 +95,15 @@ Yes, end users can switch back to the old UI by turning off the **Try the new lo
8995

9096
For more information about disabling the modern, refreshed look, see [Manage model-driven app settings in the app designer](../maker/model-driven-apps/app-properties.md).
9197

92-
Admins can disable the **Try the new look** setting across all apps in an organization by using the solution explorer to set the **Try the new look** value to **No**.
98+
Admins can disable the **Try the new look** setting across all apps in an organization by using the solution explorer to set the **Try the new look** value to **No**. This hides the **Try the new look** toggle and prevents the new look from taking effect.
9399

94100
1. Create a new solution.
95101
1. Select **Add Existing** > **More** > **Setting**.
96102
1. Search for **Try**.
97103
1. Select **Try the new look**.
98104

99105
> [!NOTE]
100-
> There are two settings: **Try the new look** and **Try the new look and feel (preview)**.
106+
> There are two settings: **Try the new look** and **Try the new look and feel (preview)**. The first setting is turned on by default, but it can be overriden. The second setting was used in the public preview phase to allow users to have the new look, but it did not show as a toggle.
101107
102108
1. Select **Add** to add it to the solution.
103109
1. Select **Try the new look** from the solution explorer.

0 commit comments

Comments
 (0)