New feature for canvas app: Optimize screen for devices (preview)
The new Optimize for Devices feature completely changes the way app screens are loaded and displayed as it will allow us to create applications with optimized screens that will improve the performance and reliability of our applications by adapting to the different mobile operating systems as it will use the native user interface of these devices.
This preview version brings us modern controls, which have several differences compared to the classic ones, for example, the themes, the themes bring associated color palettes, which for those who come from the world of design is a great help when choosing which color to use for the app.
In this blog I will show you how to activate this feature and be able to apply them already in your applications.
Important: This is a preview version that is subject to change, and is not available for production environments.
Enable screens to be device-optimized
1- In your canvas app go to Settings > Upcoming features > Experimental tab.
Turning on the Optimize for devices app setting shows the Optimize for devices property on screens.
On each screen the property must be set Optimize for devices property should be set to Enabled.The screen is then rendered natively when the application is run on iOS and Android devices.
Activating modern controls and themes
You must go to insert, filter and select the feature:
Optimization is applied for supported controls. You must search for device-optimized controls.
When activating this feature we will see the classic and modern controls, here we can see which are the modern ones (Button, slider etc.).
In addition, new themes are activated and are shown below..
What’s new with modern controls?
The modern controls have more configurable properties and can be a little different from the classic ones, here is an example of a classic and a modern button
The modern control has the properties of themes and styles, as well as a color palette, which is very useful for non-designers .
There are controls that have special features, for example the barcode control, which when you select it indicates that it only works for mobile devices.
So now you can start creating native applications with many more features and more optimized.
Applications will be displayed with the adjusted design regardless of whether they are Android or IOS.
The images represent different models of mobile devices.
We must always remember that new features may have limitations, which we must review in the following documentation:
For more information:
I hope you find it helpful¡¡ 😊😊🙌
If you liked my story and want to support me:
- Clap my article 50 times, it would help me a lot.
- Follow me on my LinkedIn for more information.
