Skip to content

Commit df1bc29

Browse files
authored
Update optimize-for-devices-overview.md
1 parent 01ae9b7 commit df1bc29

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

powerapps-docs/mobile/optimize-for-devices-overview.md

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,46 +5,47 @@ author: anuitz
55
ms.topic: conceptual
66
ms.custom: canvas
77
ms.reviewer: sericks
8-
ms.date: 11/14/2023
8+
ms.date: 05/01/2024
99
ms.subservice: canvas-maker
1010
ms.author: anuitz
1111
search.audienceType:
1212
- maker
1313
contributors:
1414
- sericks
1515
- anuitz
16+
- gachasta
1617
---
1718

1819
# Optimize for devices overview (preview)
1920

2021
[This article is prerelease documentation and is subject to change.]
2122

22-
_Optimize for devices_ is a feature that changes the way canvas app screens are loaded and displayed on Android and iOS devices. This feature lets makers build stunning native apps for mobile users with device-optimized screens that use native UI elements instead of rendering inside of web view. Device-optimizes screens provide the following benefits:
23+
**Optimize for devices** is a feature that changes the way canvas app screens are loaded and displayed on Android and iOS devices. This feature lets makers build stunning, native apps for mobile users with device-optimized screens that use native UI elements, instead of rendering inside of web view. Device-optimizes screens provide the following benefits:
2324

2425
- Modern mobile user experiences and interaction patterns
2526
- Improved performance and reliability
2627
- Integrated device capabilities with maker-defined UI
2728

28-
There's no need to rebuild apps as makers can use all the familiar app building elements to create device-optimized experiences, though there are some [limitations](./optimize-for-devices-controls.md). Apps that are optimized for devices work with other mobile features such as [offline](./canvas-mobile-offline-overview.md), [push notifications](./power-apps-mobile-notification.md), and [wrap](../maker/common/wrap/overview.md).
29+
There's no need to rebuild apps as makers can use all the familiar app-building elements to create device-optimized experiences, though there are some [limitations](./optimize-for-devices-controls.md). Apps that are optimized for devices work with other mobile features such as [offline](./canvas-mobile-offline-overview.md), [push notifications](./power-apps-mobile-notification.md), and [wrap](../maker/common/wrap/overview.md).
2930

3031
> [!Important]
3132
> - This is a preview feature.
3233
> - Preview features aren't meant for production use and may have restricted functionality. These features are available before an official release so that customers can get early access and provide feedback.
3334
3435

35-
## Enable screens to be device-optimized
36+
## Allow screens to be device-optimized
3637

3738
1. Select **Settings** > **Upcoming features** > **Preview** > **Optimize for devices**.
3839
2. Only use supported controls on the screen.
3940

40-
After this feature is turned on, you can find which controls are supported in the **Insert** pane by selecting the **Device optimized (preview)** filter. Learn more about [which controls are supported natively today](./optimize-for-devices-controls.md)
41+
After this feature is turned on, you can find which controls are supported in the **Insert** pane by selecting the **Device optimized (preview)** filter. Learn more about [which controls are supported natively today](./optimize-for-devices-controls.md).
4142

4243
Screens made solely with device-optimized controls automatically render natively on Android and iOS devices. An app can have screens which are optimized, while some others aren't. This only depends on the controls chosen by the maker to create that screen.
4344

4445
## How screens are optimized for devices
4546

46-
For a canvas app running on Power Apps mobile, there are UI elements, their current state, and the related business logic. For example, on a screen you might have a button at position 0 with a width and height of 200 and 40 respectively and with fill color blue. The business logic, with Power Fx, lets you navigate the user to a different screen.
47+
For a canvas app running on Power Apps mobile, there are UI elements, their current state, and the related business logic that determines how screens are optimized. For example, on a screen you might have a button at position 0, with a width and height of 200 and 40 respectively, and with fill color blue. The business logic, with Power Fx, lets you navigate the user to a different screen.
4748

48-
If 'optimize for devices' is off for that screen, the screen loads and displays in a web view, running similarly to how it would in a desktop's web browser. When optimized for devices is on, each element's current state is passed over to the device where it renders that same element, but using native UI. So now we have a natively rendered, long blue button in the upper-left corner. Business logic modifies state or takes actions, which run the same way it did before. When the natively rendered button is selected, the device runs Power Fx and the user is navigated to the specified screen.
49+
If the **Optimize for devices** option is off for that screen, the screen loads and displays in a web view, running similarly to how it would in a desktop's web browser. When **Optimize for devices** is on, each element's current state is passed over to the device where it renders that same element, but using native UI. So now we have a natively rendered, long blue button in the upper-left corner. Business logic modifies state or takes actions, which runs the same way it did before. When the natively rendered button is selected, the device runs Power Fx and the user is navigated to the specified screen.
4950

5051
Each [control needs a device-optimized](./optimize-for-devices-controls.md), native equivalent that supports the same properties so it can render the way a maker expects. During preview, there are some [limitations](optimize-for-devices-controls.md#known-limitations) to which controls and properties are supported. Whether a control is classic or modern, it filters the list of controls for device-optimized ones.

0 commit comments

Comments
 (0)