Using AcuToWeb on a Mobile Device

To enable existing desktop applications to run on mobile devices usually requires a certain amount of redesign and redevelopment, and often results in a mobile version of the application being produced. One of the main reason that a redesign is required is for navigational issues - if your application relies on extended keyboard functionality such as function keys, the ability to use these keys is often lost unless the program is rewritten to accommodate them on a mobile device.

With AcuToWeb, you can enable a mobile virtual keyboard, which provides extended keyboard functionality such as function keys and navigational keys, by displaying additional icons along the top of your application. This should compliment the alphanumeric virtual keyboard that your mobile device already provides.

You enable the mobile virtual keyboard using the Show Mobile Virtual Keyboard option on the Connection Setup screen.

Note: This option is enabled by default; however, if you are running on a non-mobile device, this option will have no effect.

When the application runs, an icon is displayed in the top left-hand corner of the screen: tap the icon to open the keyboard, showing further navigational and function keys. To close the keyboard, tap the icon again.

Icon	Description
and	Toggle the display of the mobile virtual keyboard.
and	Navigate back and forward - synonymous with pressing Shift-Tab and Tab.
	Toggles the display of function keys on and off.
	Toggles the Navigation menu, which includes a set of cursor keys, Insert, Delete, Home, and EOF (End of File).
	Move to a new line - synonymous with pressing Enter.

Another option to smooth the running of your application on a mobile device is the Responsive Layout option, also available from the Connection Setup screen. This option helps to re-orient the screen layout when the device rotates the screen between portrait and landscape; however, using this option disables the zoom in/out functionality.

The Responsive Layout option, also available from the Connection Setup screen, is required when making your program responsive to a variety of screens sizes and viewports. To make your program truly responsive, use the CSS and ATW-CSS-CLASS/ATW-CSS-ID control properties in addition to enabling the Responsive Layout option.

When enabled, Responsive Layout disables the zoom in/out functionality.