2. PHPRunner General questions
  3. IPhone / IPod View
This topic is locked

IPhone / IPod View

 		6/6/2010 10:08:05 AM
PHPRunner General questions
S
 swanside author

Is there a way to make a project compatible on the IPhone / IPod, like fit to screen or something?
A
 		ann 6/7/2010

Hi,
this task requires some custom coding in the HTML mode on the Visual Editor tab. Unfortunately, we don't have a ready to go solution for this.
S
 		swanside author 6/7/2010



Hi,
this task requires some custom coding in the HTML mode on the Visual Editor tab. Unfortunately, we don't have a ready to go solution for this.


Hi Ann.

Thanks for the reply,

WHat would the custom coding be?

Cheers

Paul.
N
 		nix386 6/7/2010



Hi Ann.

Thanks for the reply,

WHat would the custom coding be?

Cheers

Paul.


Basically an iPhone skin/theme... I was working on one a shot while ago and used this http://iwebkit.net/. Warning Google Crome this this site hosts spyware, I however doubt it.
B
 		baileygoat 6/11/2010



Hi,
this task requires some custom coding in the HTML mode on the Visual Editor tab. Unfortunately, we don't have a ready to go solution for this.


I'm new to PHPRunner, but this is exactly my first application. I've got a nice page running on my Palm Pre, which has the same native pixel-width as the iPhone for it's browser: 300 pixels. First, I made sure the list page was no wider than that. It took some doing, but it works very nicely. I took multiple fields (In my case, first name, last name, company name, and phone number) and displayed them one after the other in the first cell of my table. The second cell (the next <TD> tag) contains address, city, state, zip.
Next, I eliminated all other columns, such as the magnifying glass that provides a link to the view page. Instead the data in the first cell is now a link so that the user can go to the view page for that customer's data.
I eliminated most of the fields in the search bar using the html view in the editor so that the search bar would fit in 300 pixels as well. I surrounded the entire page content with a table set at 300 pixels, and made it align="center".
Then I added the following code in the <head> tag, again using the html view:

<META name=viewport content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">


This meta tag was used by gmail when viewing that page in the iPhone, and it seems to work quite well.
All that to say, edit the page so it's no wider than 300 pixels, center it (this part may not be necessary, but I like it), and use the above meta tag in the header of each page.
Dan Bailey

baileygoat
S
 		swanside author 6/11/2010



I'm new to PHPRunner, but this is exactly my first application. I've got a nice page running on my Palm Pre, which has the same native pixel-width as the iPhone for it's browser: 300 pixels. First, I made sure the list page was no wider than that. It took some doing, but it works very nicely. I took multiple fields (In my case, first name, last name, company name, and phone number) and displayed them one after the other in the first cell of my table. The second cell (the next <TD> tag) contains address, city, state, zip.
Next, I eliminated all other columns, such as the magnifying glass that provides a link to the view page. Instead the data in the first cell is now a link so that the user can go to the view page for that customer's data.
I eliminated most of the fields in the search bar using the html view in the editor so that the search bar would fit in 300 pixels as well. I surrounded the entire page content with a table set at 300 pixels, and made it align="center".
Then I added the following code in the <head> tag, again using the html view:

<META name=viewport content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">


This meta tag was used by gmail when viewing that page in the iPhone, and it seems to work quite well.
All that to say, edit the page so it's no wider than 300 pixels, center it (this part may not be necessary, but I like it), and use the above meta tag in the header of each page.
Dan Bailey

baileygoat



Cheers Dan,

Will give that a go.