stevek
Aspiring developer
Profile
Posts: 808
Reg: Dec 24, 2011
great neck
8,080
11/15/13 04:12 PM (12 years ago)

Different Behavior iphone vs ipad

Don't really know if this is a proper question for BT but it involves an app created with it so here goes: The app has an html screen where i have a textbox where the user can enter data. On the ipad, it all works as it should. - the keyboard opens, you enter the text, press a button and it goes its merry way and displays the results on the screen. On the phone, however, as soon as you touch the keyboard, the screen size increases in magnification, as if you used a three finger click so that the keyboard covers much of the screen. I can pinch to get the screen to regular size and all then works. But if I enter the text into the box by scrolling and therefore the screen is still enlarged, when I hit my button and the result displays on the screen, it is in the wrong place. I then have to pinch to get it into the right position on the screen. Is there a setting in BT that would not allow this behavior? Thanks. Steve
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/15/13 07:58 PM (12 years ago)
Can you try hosting that html page on a web server somewhere and then browse to it with your iphone's safari? This would let you know if its a normal reaction for a webview on that particular html page, or if its something going on with the html plugin. (hope that made sense, lol) -Chris
 
stevek
Aspiring developer
Profile
Posts: 808
Reg: Dec 24, 2011
great neck
8,080
like
11/15/13 08:34 PM (12 years ago)
Chris, I did what you suggested and the same thing happens when the page is on a web server and I view it on phone's Safari. I don't understand since this doesn't happen on the ipad when I view it on Safari. What if anything do you think can be done? Steve
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/16/13 05:50 AM (12 years ago)
I'm not a html expert, but it might be something to do with the META information, where the viewport gets setup? I've always used one of the sample html files from the old 1.5 project as a starting point, but then again, I've never had any form fields that allowed user input in my html files. Hopefully someone that knows more about html and/or css can help out. -Chris
 
stevek
Aspiring developer
Profile
Posts: 808
Reg: Dec 24, 2011
great neck
8,080
like
11/16/13 06:03 AM (12 years ago)
I'm using html5 (<!DOCTYPE html>)and do not have any META info in the head section. Should I put in something, like <meta name="keywords" content="HTML,CSS,XML,JavaScript"> or <meta charset="UTF-8"> ? I thought, maybe mistakenly, none of that was necessary with html5 Also, what I realize now is what's expanding is the div which contains both paragraph text and the textbox itself. Does anyone know a command that would keep them for expanding as this might solve my problem. Would setting viewport to device width do the trick?
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.