Skip to content

Commit 816fb67

Browse files
authored
Update optimize-for-devices-overview.md
1 parent 244b761 commit 816fb67

File tree

1 file changed

+11
-20
lines changed

1 file changed

+11
-20
lines changed

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

Lines changed: 11 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -19,38 +19,29 @@ contributors:
1919

2020
[This article is prerelease documentation and is subject to change.]
2121

22-
_Optimize for devices_ is a feature that changes the way canvas app screens are loaded and displayed for Android and iOS devices that use native UI. 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. This feature provides the following benefits:
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:
2323

24-
- Brings modern mobile user experiences and interaction patterns
25-
- Improves performance and reliability
26-
- Integrates device capabilities with maker-defined UI
24+
- Modern mobile user experiences and interaction patterns
25+
- Improved performance and reliability
26+
- Integrated device capabilities with maker-defined UI
2727

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 around which [controls are supported natively today](./optimize-for-devices-controls.md). Apps that are optimized for devices work with other mobile features like [offline](./canvas-mobile-offline-overview.md), [push notifications](./power-apps-mobile-notification.md), and [wrap](../maker/common/wrap/overview.md).
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).
2929

3030
> [!Important]
3131
> - This is a preview feature.
3232
> - 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.
3333
34-
## How screens are optimized for devices
35-
36-
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.
37-
38-
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.
39-
40-
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.
4134

4235
## Enable screens to be device-optimized
4336

44-
There are two steps to enabling a screen to be optimized for devices.
45-
46-
1. The **Optimize for devices** experimental app setting must be turned on.
37+
Select **Settings** > **Upcoming features** > **Preview** > **Optimize for devices**.
4738

48-
The setting can be found in the **Settings** > **Upcoming features** > **Experimental** tab. Turning on the **Optimize for devices** app setting shows the **Optimize for devices** property on screens.
39+
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)
4940

50-
:::image type="content" source="media/optimized-for-devices-app-setting.png" alt-text="Shows the app setting that enables Optimize for devices.":::
41+
## How screens are optimized for devices
5142

52-
2. On each screen, the **Optimize for devices** property must be set to **On**.
43+
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.
5344

54-
A maker can open the tree view in the navigation pane and select a screen where the **Optimize for devices** property is located. By setting this property to **On**, the screen is rendered natively when running on Power Apps mobile in iOS and Android devices.
45+
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.
5546

56-
:::image type="content" source="media/optimized-for-devices-screen-setting.png" alt-text="Shows the screen setting that sets the screen to display natively.":::
47+
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)