One of the key differences between desktop/laptop computers and mobile devices is the ability of smartphones and tablets to have the orientation of their screen's switched - just try flipping your desktop or laptop screen on its side :- ).
For those of you who have worked with Alpha in the past, you know that our mission is to simplify and speed up the process of building business applications through Alpha's system of "declarative" programming - primarily making choices among properties in a component. The videos below show how, when designing mobile apps, orientation changes are handled easily by our upcoming release Alpha Anywhere-Powered by Alpha Five v12.
Powerful new onOrientat
ion change events in the UX Component
|List Control - Automatically Changing the List Layout on an Device Orientation Change Event||The List control allows multiple layouts to be created when designing mobile apps. For example, you might have one layout design that you would like to show when the device in in landscape mode and another when the device is in portrait mode.In this video we show how you can automatically switch from one List layout to another when the device orientation is changed.
|Conditionally Showing Content Based on the Device Orientation||A common requirement for developers who are designing mobile apps is to automatically show or hide certain control based on the orientation of the device.Typically in in the UX component, controls are shown or hidden automatically by defining client-side show/hide expression. In this video we show how the special system field - 'dialog.orientation' can be use to automatically show/hide controls when the device orientation is changes.We also show how the onOrientationChange client side event can be used.