Layout view shifts on top with focus on the input field in IOS

Thread is closed for posting
2 posts, 0 answers
  1. ruchin
    ruchin avatar
    35 posts
    Member since:
    Jun 2015

    Posted 24 Aug 2015 Link to this post

    Hi All,

    I have a layout ​view with many tabs, in one of my tabs there is a view with a listview control. This listview control has input controls like text, textarea or date.
    When i select the input fields, the whole layout view shifts on top , i want only the listview to scroll to that input field. I have managed to do it by using animatescrollto  , this works fine in Android.
    However in IOS, the animatescrollto is overridden , and the whole layout view shifts on top with focus on the input field.
    My client has a problem with this , he does not want the layout view to shift on top as there are other buttons on it.
    Let me know if there is any solution for this.


    Ruchin Dayal

  2. Martin Yankov
    Martin Yankov avatar
    177 posts

    Posted 27 Aug 2015 Link to this post

    Hi Ruchin,

    Can you please provide some images or a video of the issue you are mentioning since I'm not sure that I understand it correctly. My main concern is the "layout view shifts on top" expression. I don't understand it completely. A video or images will greatly help.

    So I can't be sure if we are talking about the same thing, but you can disable web view scrolling when the keyboard shows up with the Telerik Verified Keyboard Plugin. You just need to add it to your project and use this line in the deviceready event handler function:
    cordova.plugins.Keyboard.disableScroll(true); // false to enable again

    You can easily add the plugin to your project by right clicking on your project -> Manage Packages -> Plugin Marketplace -> Find the Keyboard plugin and click Install.

    Let me know if this helps. I'm looking forward to your reply.

    Martin Yankov

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Back to Top