Merge pull request #8676 from MicrosoftDocs/autoheight-dialog-update

Autoheight dialog update PR

Author: JimDaly

powerapps-docs/developer/model-driven-apps/clientapi/reference/Xrm-Navigation/openAlertDialog.md

@@ -3,7 +3,7 @@ title: "openAlertDialog (Client API reference) in model-driven apps| MicrosoftDo
 description: Includes description and supported parameters for the openAlertDialog method.
 author: HemantGaur
 ms.author: hemantg
-ms.date: 03/12/2022
+ms.date: 09/18/2023
 ms.reviewer: jdaly
 ms.topic: reference
 search.audienceType: 
@@ -23,17 +23,19 @@ contributors:
 
 ## Parameters
 
+> [!NOTE]
+> With the *[new look](../../../../../user/modern-fluent-design.md)* enabled, dialog height will resize automatically if you don't set the **height** value of the dialog options.
+
 |Name |Type |Required |Description |
 |---|---|---|---|
-|alertStrings|Object|Yes|The strings to be used in the alert dialog. The object contains the following values:<br/>- **confirmButtonLabel**: (Optional) String. The confirm button label. If you do not specify the button label, **OK** is used as the button label.<br/>- **text**: String. The message to be displayed in the alert dialog.<br/>- **title**: (Optional) String. The title of the alert dialog.|
-|alertOptions|Object|No|The height and width options for alert dialog. The object contains the following values:<br/>- **height**: (Optional) Number. Height of the alert dialog in pixels.<br/>- **width**: (Optional) Number. Width of the alert dialog pixels.|
-|successCallback|function|No|A function to execute when the alert dialog is closed by either clicking the confirm button or canceled by pressing ESC.|
+|alertStrings|Object|Yes|The strings to be used in the alert dialog. The object contains the following values:<br/>- **confirmButtonLabel**: (Optional) String. The confirm button label. If you don't specify the button label, **OK** is used as the button label.<br/>- **text**: String. The message to be displayed in the alert dialog.<br/>- **title**: (Optional) String. The title of the alert dialog.|
+|alertOptions|Object|No|The height and width options for alert dialog. The object contains the following values:<br/>- **height**: (Optional) Number. Height of the alert dialog in pixels.<br/>- **width**: (Optional) Number. Width of the alert dialog pixels.<br><br> With the *[new look](../../../../../user/modern-fluent-design.md)* enabled, dialog height resizes automatically if you don't set the **height** value of the dialog options.|
+|successCallback|function|No|A function to execute when the alert dialog closes either clicking the confirm button or canceled by pressing ESC.|
 |errorCallback|function|No|A function to execute when the operation fails.|
 
-
 ## Example
 
-The following sample code displays an alert dialog. Clicking **Yes** button in the alert dialog or canceling the alert dialog by pressing ESC calls the `close` function::
+The following sample code displays an alert dialog. Clicking **Yes** button in the alert dialog or canceling the alert dialog by pressing ESC calls the `close` function:
 
 ```JavaScript
 var alertStrings = { confirmButtonLabel: "Yes", text: "This is an alert.", title: "Sample title" };
@@ -48,7 +50,7 @@ Xrm.Navigation.openAlertDialog(alertStrings, alertOptions).then(
 );
 ```
 
-### Related topics
+### Related articles
 
 [Xrm.navigation](../xrm-navigation.md)
 

powerapps-docs/developer/model-driven-apps/clientapi/reference/Xrm-Navigation/openConfirmDialog.md

@@ -3,7 +3,7 @@ title: "openConfirmDialog (Client API reference) in model-driven apps| Microsoft
 description: Includes description and supported parameters for the openConfirmDialog method.
 author: HemantGaur
 ms.author: hemantg
-ms.date: 03/12/2022
+ms.date: 09/18/2023
 ms.reviewer: jdaly
 ms.topic: reference
 applies_to: "Dynamics 365 (online)"
@@ -24,10 +24,15 @@ contributors:
 
 ## Parameters
 
+> [!NOTE]
+> With the *[new look](../../../../../user/modern-fluent-design.md)* enabled, dialog height will resize automatically if you don't set the **height** value of the dialog options.
+
+
+
 |Name |Type |Required |Description |
 |---|---|---|---|
-|confirmStrings|Object|Yes|The strings to be used in the confirmation dialog. The object contains the following values:<br/>- **cancelButtonLabel**: (Optional) String. The cancel button label. If you do not specify the cancel button label, **Cancel** is used as the button label.<br/>- **confirmButtonLabel**: (Optional) String. The confirm button label. If you do not specify the confirm button label, **OK** is used as the button label.<br/>- **subtitle**: (Optional) String. The subtitle to be displayed in the confirmation dialog.<br/>- **text**: String. The message to be displayed in the confirmation dialog.<br/>- **title**: (Optional) String. The title to be displayed in the confirmation dialog.|
-|confirmOptions|Object|No|The height and width options for confirmation dialog. The object contains the following values:<br/>- **height**: (Optional) Number. Height of the confirmation dialog in pixels.<br/>- **width**: (Optional) Number. Width of the confirmation dialog in pixels.|
+|confirmStrings|Object|Yes|The strings to be used in the confirmation dialog. The object contains the following values:<br/>- **cancelButtonLabel**: (Optional) String. The cancel button label. If you don't specify the cancel button label, **Cancel** is used as the button label.<br/>- **confirmButtonLabel**: (Optional) String. The confirm button label. If you don't specify the confirm button label, **OK** is used as the button label.<br/>- **subtitle**: (Optional) String. The subtitle to be displayed in the confirmation dialog.<br/>- **text**: String. The message to be displayed in the confirmation dialog.<br/>- **title**: (Optional) String. The title to be displayed in the confirmation dialog.|
+|confirmOptions|Object|No|The height and width options for confirmation dialog. The object contains the following values:<br/>- **height**: (Optional) Number. Height of the confirmation dialog in pixels.<br/>- **width**: (Optional) Number. Width of the confirmation dialog in pixels. <br><br>With the *[new look](../../../../../user/modern-fluent-design.md)* enabled, dialog height resizes automatically if you don't set the **height** value of the dialog options.|
 |successCallback|function|No|A function to execute when the confirmation dialog is closed by clicking the confirm, cancel, or **X** in the top-right corner of the dialog. An object with the **confirmed** (Boolean) attribute is passed that indicates whether the confirm button was clicked to close the dialog.|
 |errorCallback|function|No|A function to execute when the operation fails.|
 
@@ -48,7 +53,7 @@ function (success) {
 
 ```
 
-### Related topics
+### Related articles
 
 [Xrm.Navigation](../xrm-navigation.md)
 

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

@@ -3,7 +3,7 @@ title: Modern, refreshed look for model-driven apps
 description: Learn about the updated, user interface that makes model-driven apps easier to use.
 author: chmoncay
 ms.topic: overview
-ms.date: 08/22/2023
+ms.date: 09/18/2023
 ms.service: powerapps
 ms.subservice: end-user
 ms.author: chmoncay
@@ -21,13 +21,13 @@ contributors:
 
 Model-driven apps have a modern, refreshed look when the **Try the new look** feature has been [turned on by end users](modern-fluent-design.md#turn-on-the-new-look). 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. This feature is transitioning from preview to general availability. Learn more about this process in [Preview to general availability rollout](modern-fluent-design.md#preview-to-general-availability-rollout). 
 
-The Fluent design system provides consistency, quality, and Microsoft-wide platform coherence. It also provides a solid foundation for extensibility and allows support for dark mode in the future. 
+The Fluent design system provides consistency, quality, and Microsoft-wide platform coherence. It also provides a solid foundation for extensibility and allows support for dark mode in the future.
 
-## What’s included with the new look
+## What's included with the new look
 Here's what you can expect in the modern, refreshed experience:
 
 - Updated styling in form, view, and dashboard pages, which includes the use of drop shadows and brighter background colors to create an elevated or _floating_ appearance. The floating appearance helps to visually separate sections and focuses attention on primary content.
-- New Fluent-based controls in forms, business process flows, and dialogs.
+- New Fluent-based controls in forms, business process flows, and dialogs. Dialogs now resize height automatically based on the content.
 - A new Power Apps grid in place of the read-only grid in view and standard, dashboard pages.
 - An end user setting called **Try the new look** that enables the modern, refreshed experience.
 
@@ -39,7 +39,7 @@ The _floating_ command bar aligns with the Microsoft 365 experience, with consis
 :::image type="content" source="media/modern-command-bar.png" alt-text="Floating command bar":::
 
 ### View pages
-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. 
+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. 
 
 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.