As we detailed in a recent blog post, the tide has turned in favor of business apps built with HTML5, with an increasing number of companies turning to HTML5 development as the fastest way to become mobile capable. What is often neglected in the discussion, is that HTML5 mobile apps still require significant development skills. Enter the Alpha Anywhere development environment which enables rapid development of responsive design HTML5 apps that can be built once, and run on any device.
How Alpha Anywhere's new FlexLayout container enables responsive design of your app controls based on orientation change or window sizeA common requirement when designing a UX component in Alpha Anywhere (What's a UX Component?) is to have a control dynamically re-size when the orientation of a mobile device changes or when the window size (in a desktop browser) changes. This responsive design is easily accomplished using the new FlexLayout container, recently released as part of a significant update to Alpha Anywhere.
Any of the controls in a FlexLayout container can have their width specified as a 'relative' size (relative to the size of the other controls in the FlexLayout container). This video shows how to use the FlexLayout container type.