New Responsive Engine [beta] is Live!

Hey all! We’ve just launched a feature to allow layout and sizing properties to be conditionally changed. You can access this in the Conditionals tab of the property editor when selecting an element. For any condition, you can now select these additional properties to change when true:

  • Alignment
    • Container alignment of Row
    • Vertical alignment within Row
    • Horizontal alignment within Column
    • Nonant alignment in Align-to-Parent
  • Sizing
    • Width / Min Width / Max Width
    • Height / Min Height / Max Height

As a note, we haven’t yet added any dependent layout types to conditionals yet. For example, changing container layout type would require new parent and child element controls as well. We’re investigating how we might support this in the future.

We hope this helps as you continue building responsive layouts!

27 Likes