PHPRunner 6.1 manual - Mobile Template

Mobile template allows you to build mobile version of your web application (requires PHPRunner 6). To see how it works, you can open mobile-enabled live demos available at http://xlinesoft.com/phprunner/livedemo4.htm from your mobile device.

Mobile Template is a paid add-on and can be purchased for $50. Buy now.

To build a mobile version of your website proceed to Miscellaneous page in PHPRunner and check off Build Mobile version checkbox. PHPRunner detects mobile devices automatically and redirects to the mobile version of your website.

Here is the mobile pages on Android phone:

List page

mobile_list

Edit page

mobile_edit

Notes

Upload from iPad/iPhone/iPod devices

Since Safari browser on iDevices doesn't support upload we recommend to use iCab Mobile web browser on your device. Besides upload it comes with many additional features Safari misses.

How do I find if application is being accessed from mobile device?

PHPRunner provides isMobile() function that returns true if application is accessed from mobile device. For example, you can hide certain tables from mobile users. Use ModifyMenuItem event for this purpose:

function ModifyMenuItem(&$menuItem)

{

if ($menuItem->getTable() == 'Cars' && isMobile())

{

return false;

}

return true;

}

How do I display different header when application runs on mobile device?

isMobile() function comes to rescue again. Proceed to the Visual Editor, open Header page and switch to HTML mode. Here is the sample code:

<?php

if (isMobile())

echo "<font size='3'>My website</font>";

else

echo "<font size='6'>My website</font>";

iPad/iPhone/iPod text areas don't have scrollbars

If you have a long text placed in text area on Edit/Add pages you will not see scroll bars. To scroll the text area you have to place two fingers on the screen inside the text area, and the text moves with your fingers, even if you scroll outside of the area.

ipad_text_area

The list of differences between desktop and mobile versions of your app

Missing in mobile version

·	Inline edit, Inline add, Copy record, Printer-friendly, Export, Import, PDF view

·	Advanced search

·	Search suggest

·	Case-sensitive search

·	Ajax search/pagination

·	Add/Edit/View in popup

·	'Loading... ' box

·	Resizable table columns

·	Dynamic permissions Admin area

·	Custom buttons, code snippets and CAPTCHAs

·	Insertable Google Map. 'View as' type Map still works

·	Details page in popup

Works different in mobile version

·	Search panel is always turned on. Replaces all other search options. To turn search panel off remove all searchable fields on 'Choose fields' screen.

·	Truncate large text fields (More … link) - works slightly different. Full text in shown in popup with 'Back to list' button.

·	Files upload works on devices that support it (see iPhone/iPad note above).

·	Audio/Video files can be uploaded however won't be played.

·	Text area - only basic text area works. No rich editing capabilities.

·	Lookup wizard - List page with search - works without 'Add new' option.

·	Lookup wizard - Edit box with Ajax popup - works as a regular dropdown box.

·	Changes made in the Visual editor are not visible on the mobile pages.