Scroll to the element

[Amrutha]

I have added two TextBoxes and a button in an html page. When user focus on the textboxes the softkeyboard is displaying and its appearing over the textboxes in such a way that the user cannot see the textboxes and its content. Please provide a solution to prevent the overlapping of softKeyboard over the textbox.


Thanks,

[Steve]

Hi Amrutha,

What is the OS and device you refer to? On Android, you can try the various modes of windowSoftInputMode and see which best fits your scenario. You can edit the AndroidManifest.xml from the code editor, for more information, see Edit Configuration Files.

Regards,
Steve
Telerik

Looking for tips & tricks directly from the Icenium team? Check out our blog!
Missed our first webinar, watch it here.
Share feedback and vote for features on our Feedback Portal.

[Amrutha]

Hi Steve,

Thanks, for the answer. I am creating a hybrid mobile application, i need the functionality working on both android and IOS. The windowSoftInputMode set in the AndroidManifest.xml is "adjustPan". The behaviour is ,on focusing the textbox, the SoftKeyBoard is showing over the TextBox, the user cannot see the text in the textbox, When start pressing the keys in the softkeyboard the content is displayed. 
       The user want to see the content of the TextBox on focusing the textBox. Please provide a solution of the issue.

Thanks,
Amrutha.

[Steve]

Hi Amrutha,

According to the Keyboard management article in iOS developer library, you do not have much control over the keyboard when you're in a UIWebView (Cordova apps on iOS use the UIWebView class). Still iOS default keyboard handling is rather good in such situations and we've not seen such problems. We would gladly take a look at your project, but did not find any projects under this account, so please share what is the account where we can find the project and the steps to reproduce the problem.

Regards,
Steve
Telerik

Looking for tips & tricks directly from the Icenium team? Check out our blog!
Missed our first webinar, watch it here.
Share feedback and vote for features on our Feedback Portal.

[Amrutha]

Hi Steve,

I have created a project in this account. Please check..
     Steps to replicate:
           1. Run the project in an android mobile
           2. Press the button in index page
           3. Focus the TextBox/TextArea for inserting text in test.html
           4. In both Landscape and potrait view, the softkeyboard is showing over the TextBox/TextArea( we can't see the text inside the TextBox/TextArea).
           5. Start pressing the Key in softkeyboard, the text in TextBox/TextArea is shown. 

Please provide a solution.

Thanks,
Amrutha

[Steve]

Hi Amrutha,

I see what you mean now (thanks for the project). I've tried all the available values that control the softkeyboard on the Android platform (see the reference from my previous post) and none of them behave as you require. In short, this behavior is inherent to Android and you can't change it.

Regards,
Steve
Telerik

Looking for tips & tricks directly from the Icenium team? Check out our blog!
Missed our first webinar, watch it here.
Share feedback and vote for features on our Feedback Portal.

[Amrutha]

Hi,

Thanks for the response. There is any work around for this issue?

Amrutha.