iPhone auto-zoom while interacting with selection list - iphone

We are working on a mobile website framework and recently found the below issue on iphone.
Issue : when I visit the form elements using the iPhone and select the dropdown lists, the display zooms in a little to make the list visible. When I select an option and tap Done, the display remains zoomed; I have to pinch to get back to how it was.
Is there a way to make the screen scale back to the proper size?
Thanks / Lokesh

Related

Website's Horizontal Scrollbar Not Working on iPhone

I've built a photography site that displays photos side by side, user scrolls though photos using a horizontal scrollbar. (link removed no longer works)
I have used the jscrollpane plugin to customize the look of the scrollbar, but I have disabled it for the time being as I look for a fix. The container is called .scroll-pane.
Can anyone tell me how to get this to work on an iPhone?
Thank you and happy new year
Yeah, that won't work on iOS. You can use two fingers to scroll such an element, but most people are not aware of that.
You should consider a responsive design that adjusts how your site functions in mobile browsers.

Basic iPhone App w/ Thumbnails, Full Images, Video

I'm trying to determine the best starting structure (navigation, windows based, something else) for my iPhone app. I'm a complete noob with everything Apple (just got the mini a couple days ago).
I currently have three apps on Android and want to port to iOS. The apps are very basic. Here's a quick description with fake examples.
1st Screen - 2 Buttons (Cat / Dog) - Users selects one (Dog)
2nd Screen - 6 thumbnails of Dogs (all visible on screen) - User selects one.
3rd Screen - Full image of user selected thumbnail. Full image is clickable.
4th Screen or pop up - If user clicks full image, a 3 second video clip (mp4) plays. After playing, automatically goes back to Full Image screen.
In XCode 4, what would be the best starting point? Navigation, Windows, Single View, or just blank and hammer it out?
Ideally, I would like this to be dynamic where I only create the basic views and variables based on the user selection drives what is displayed.
Any help is greatly appreciated. Thanks!
I would go with navigation based app but hide the navigation bar or at least the back button so that the user can't go back on their own. This will work well because you can get the nice slide animation between screens. And you can use multiple views easily so you don't have to worry about trying to cram all of your stuff into one view and animate it.

Forward and back native buttons in UIWebview iphone

Inside the Twitter iPhone app, if you click on a link it pushes in a WebView.
Ive gotten this far, but I can't find the correct identifier for the forward and backward buttons like at the bottom left of the image below. Are they native? or are they just images they have created themselves?
You might want to have a look at a drop-in inline web view controller I did: SVWebViewController. It should save you a fair bit of coding :)
Per the list of UIBarButtonItems from the docs, those items you desire need to be custom images a they are not provided in the current SDK.

Scroll Iframe on IPhone

I have a web app that wraps the main site content in an Iframe to enable some elements that are persistent across the site (only way to do what I'm after as far as I can tell).
It works fine on most browsers, but there is a scrolling problem on the Iphone: The content displays, but trying to scroll does a drag and drop operation instead.
Is there any way to tell the Iphone browser to use normal scrolling in that specific Iframe?
Example site: http://carlocapocasa.com
Thanks a ton and a half,
Carlo
Use two fingers to scroll up and down.
I also had problems getting an iframe to scroll on iOS devices. My iframe was inside a DIV, which had it's overflow set to hidden.
My solution was to set the overflow of the containing DIV to visible.

vertical scroll bar get disable and bounce back in iphone simulator using phone-gap

I am developing phonegap app in iphone,after successfully viewing pdf file
(from server) on new HTML page,the vertical scrollbar get disable ,even i get back to the
list page ,the list does not get scroll,this happen only if i run the app directly in
simulator (not from xcode),any one know ,how to resolve this issue.
thanks in advance.
regards,
mayur
To display pdf in phonegap, have lots of trouble, but best solution so far,is to used ChildBrowser Plugin for phonegap here is the link-
https://github.com/purplecabbage/phonegap-plugins/tree/master/iPhone/ChildBrowser
this will help you to call child native uiwebview in your application(only for iphone), so you can easily enjoy pinch zoom feature, even the app scrollbar does not get disable,
it works fine!