A common pattern in mobile website design and in mobile applications is the 'split view'. The split view divides the screen into two logical sections: A left-hand panel that contains a 'menu' and a right-hand panel that contains the 'detail view'.
If the screen is wide enough (for example, when the device is in landscape mode), the menu panel and the detail panel are both shown. But if the screen is not wide enough (for example, when the device is in portrait mode), the menu panel is automatically hidden (i.e. 'docked').
Video: Easily creating a 'split view' mobile website designIn the upcoming version of Alpha, we make it easy for you to build complex panel layout's, including the split view pattern, using our intuitive 'Panel Card Genie'. Just select the pre-defined split view template from the list and Alpha will create the code for you, providing a sophisticated mobile app and mobile website design with minimal effort! But, if you want it, you always have access to the underlying code so that you can customize each and every parameter to your exact specifications.
This video shows how, with the next version of Alpha, you can quickly and easily create a UX component configured to display a 'split view':