Mobile Design for HTML Pages

Mobile Design is an option you can access from the Properties panel, in the HTML canvas. You can also be enabled from the HTML/Document wizard.

You can create HTML pages that are formatted specifically to be used on a mobile phone. When an HTML page is formatted for a mobile phone, components and controls are presented differently so that they can be used in conjunction with touch-screen technology.

When an HTML page is converted and used on a mobile phone, it will have one home page and multiple output pages depending on how many components you have. You can set which page you want as your home screen by using the HTML canvas shortcut menu on that particular page and clicking Use current page as home page.

When viewed on a mobile phone, each frame of output becomes its own screen. For example, if you have a report and chart on your mobile-enabled HTML page, these will both be on their own separate screen when viewed on a mobile phone. The more output frames you have, the more screens your HTML page will have on a mobile phone. The order of these outputs, when used on a mobile phone, is determined by the way they are ordered in the Tasks section of the Tasks & Animations panel.

All single-select controls become drop-down boxes, when viewed on a mobile phone. All multi-select controls become listboxes, when viewed on a mobile phone. This allows users the ability to select options using a touch-screen. Textbox controls, map controls, tree controls, slider controls, and calendar controls do not change when converted to mobile layout.

If you are using multiple frames in your HTML page, when you enable mobile layout, these forms will be consolidated to one form.

While in the HTML canvas, you can preview how your HTML page will look on a mobile phone. To do this, ensure that the Enable mobile.. property is set to Yes in the Properties panel, and then click Show Mobile Layout the HTML canvas shortcut menu. To return to the desktop view, use the HTML canvas shortcut menu and click Back to desktop.

You must save your HTML page in order to run the page in mobile layout.


WebFOCUS