Layout issue

8 posts, 0 answers
  1. Fanky
    Fanky avatar
    4 posts
    Member since:
    Jun 2013

    Posted 17 Dec 2013 Link to this post

    Dear Sir,

    I use kendo with phonegap / IOS
    When I touch any Kendo's input box, then push it up or down, the Main Layout included footer or header will be move up or down together.
      
    Thanks
    Jack
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 18 Dec 2013 Link to this post

    Hi Fanky,

    From the provided information it is not quite clear what might be causing this issue. Could you please provide a more detailed information and/or runnable project that we can investigate locally?

    Thank you in advance for your cooperation.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Fanky
    Fanky avatar
    4 posts
    Member since:
    Jun 2013

    Posted 03 Jan 2014 Link to this post

    Dear sir,

    Header and footer can't be located in fix position, it usually scroll up/down vertically with listview.

    Thanks
    Jack
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 06 Jan 2014 Link to this post

    Hi Fanky,

    I am afraid that the provided information is insufficient. From the screenshot provided it is not possible to determine what is causing this issue. Could you please extract a runnable sample where this issue can be reproduces, so we can take a look?

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Fanky
    Fanky avatar
    4 posts
    Member since:
    Jun 2013

    Posted 06 Jan 2014 Link to this post

    Dear Sir,

    Thank you for you replay, I find that issue coming from data-use-native-scrolling="true".
    Our view will like "header" + "listivew" + "footer tabstrip". 
    We supposed header and footer with tabstrip always fixed on Top and Bottom individually.
    However, we enable data-use-native-scrolling in order to improve performance of rolling.
    Header or Footer sometimes can't be fixed in TOP and Bottom uniformly.
    when the user scrolls through the listview, header/fooder easily influenced by scrolling action, header/fooder easily join with listview, then move up/down together.

    thanks
    Jack
     
     

     
  6. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 08 Jan 2014 Link to this post

    Hi Fanky,

    Please check the following example, where a setup like yours is used. I have tried to reproduce the issue, but to no avail. Please tell me what I missed:

    http://jsbin.com/acaQigU/1/edit

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Fanky
    Fanky avatar
    4 posts
    Member since:
    Jun 2013

    Posted 08 Jan 2014 Link to this post

    Dear Kiril Nikolov,

    Thanks you for your reply and example.

    Sorry, Forget mention to you, we use kendo mobile with Phonegap to create android and ios application.
    Everything running well on android version, but it happened on IOS 7.0

    Enclosed abnormal.png and normal.png
    Do you have any advise?

    Thanks
    Jack 
  8. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 08 Jan 2014 Link to this post

    Hello Fanky,

    This behavior is because, the useNativeScrolling option is enabled on your view. When this option is set to true the view will use the native scrolling available in the current platform, so when you reach the end of the scrollable container it is normal to scroll the whole view. In your case I would suggest you to disable the option, so the view will not be scrolled when end is reached.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top