Responsive condition

The Responsive Condition changes the UI of the application screen/widget according to the size of the different device screens.

Add a Responsive condition to your project

Here's an example of how you can use a ListView widget in your project:
  • First, select the Responsive condition widget from the Widget Panel and add it directly from the Tree Area.
  • Now add the widgets you want to make responsive.

Enable/Disable the device

By default, the Responsive condition has all devices true. You can change this behavior using the 3 properties: Mobile, Tablet, Desktop.
To Enable/Disable:
  • Select the Responsive condition from the Widget Panel.
  • Move to the Property Editor.
  • Find the property you're interested in, enable it if you want the widgets to show up, disable it if you don't want to display it on that device. Click on it.