Sorry for my english, I'm not a native speaker.
I have a problem with scroller indeicator. When I load a simle web form into UIWebView, the scroller indicator appear on the right side of the screen. It's right, but when I try to edit some field on the form, scroller indicator move at center of the WebView, as you can see on the picture. Please, help me to solve this issue.
I haven't seen that before. Try running your html through a syntax checker for starters. But without seeing obj-c and html source code, there's not much to work with.
Ok, I'll try to explain the problem more detailed. :)
I created an empty View-based project.
Int plist file I add a line: "Initial interface orientation = Landscape (right home button)" After then I open empty View in Interface Builer and append there an UIWebView.
Then in ViewController I created an Outlet for it.
Int -vievDidLoaded function I wrote next code:
NSURL *url = [NSURL URLWithString:@"http://my_url"];
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:10.0f];
[webView loadRequest:request];
[super viewDidLoad];
Here the html code of loaded page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<link href="/mobileproduct/css/webform/default.css" media="screen" rel="stylesheet" type="text/css" /></head>
<body>
<form enctype="application/x-www-form-urlencoded" action="/mobileproduct/webform/buildwebform" method="post" class="webform"><dl class="zend_form">
<dt id="token-label"> </dt>
<dd id="token-element">
<input type="hidden" name="token" value="1700ec7d06a1a0521670d7df8ccd9571" id="token" /></dd>
<dt id="authDataGroup-label"> </dt><dd id="authDataGroup-element"><fieldset id="fieldset-authDataGroup"><legend>Personal info</legend>
<dl>
<dt id="name-label"><label for="name" class="required">Name:</label></dt>
<dd id="name-element">
<input type="text" name="name" id="name" value="NameHh" maxlength="30" /></dd>
<dt id="nick-label"><label for="nick" class="required">Nick:</label></dt>
<dd id="nick-element">
<input type="text" name="nick" id="nick" value="nicker" maxlength="30" /></dd>
<dt id="email-label"><label for="email" class="required">E-mail:</label></dt>
<dd id="email-element">
<input type="text" name="email" id="email" value="[email protected]" maxlength="80" /></dd></dl></fieldset></dd>
<dt id="dataGroup-label"> </dt><dd id="dataGroup-element"><fieldset id="fieldset-dataGroup"><legend>Additional info</legend>
<dl>
<dt id="ref_custom_5-label"><label for="ref_custom_5" class="optional">Question 1</label></dt>
<dd id="ref_custom_5-element">
<input type="text" name="ref_custom_5" id="ref_custom_5" value="Na" /></dd>
<dt id="ref_custom_6-label"><label for="ref_custom_6" class="optional">Question 2</label></dt>
<dd id="ref_custom_6-element">
<input type="text" name="ref_custom_6" id="ref_custom_6" value="qq" /></dd>
<dt id="ref_select_2-label"><label for="ref_select_2" class="optional">Select Gender</label></dt>
<dd id="ref_select_2-element">
<select name="ref_select_2" id="ref_select_2">
<option value="" label="" selected="selected"></option>
<option value="1" label="male">male</option>
<option value="2" label="female" selected="selected">female</option>
</select></dd></dl></fieldset></dd>
<dt id="buttonsGroup-label"> </dt><dd id="buttonsGroup-element"><fieldset id="fieldset-buttonsGroup"><dl>
<input type="submit" name="submit" id="submit" value="Send" />
<input type="reset" name="reset" id="reset" value="Restore" /></dl></fieldset></dd></dl></form></body>
</html>
Note, If I dont edit any of the field on the form, scroll indicator look normally. But after input (or, if you want, after showing/hiding virtual keyboard) scroll indicator moved in wrong position.
Stupid problem, but I really dont know how to solve it.