Screen that contains fixed html markup text with a scrollview below it.

4 posts, 0 answers
  1. Brian
    Brian avatar
    23 posts
    Member since:
    Sep 2012

    Posted 13 Jan 2014 Link to this post

    Hi.  I'm trying to find an example where there is fixed text displayed above a listview.  For example, At the top of the mobile app screen is the information about an order.  Date shipped, PO Number, etc.  Below, I would like to have a listview that has the line items of each of the items that are a part of the order detail at the top.  I would like to be able to scroll through this "half screen" list view while the order information stays in place and static above it.  Is this possible?
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 15 Jan 2014 Link to this post

    Hi Brian,

    This functionality is not supported out of the box.

    In order to set static content in view, you will need to place that content outside of the scroll container.If you inspect the elements in the view, you will see that you have a div with data-role content and inside you have a div with class km-scroll-container. Right between these divs you can insert you static content, and of course you will need to adjust the margins, so the content is displayed correctly. 

    If you face any troubles implementing this, please do not hesitate to contact us.

    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. Kendo UI is VS 2017 Ready
  4. Brian
    Brian avatar
    23 posts
    Member since:
    Sep 2012

    Posted 15 Jan 2014 Link to this post

    Hi Kiril.  Thanks for your response.  Let me clarify my question a bit as my terminology was a bit off.  When I said fixed/ static text above the scrollview, I meant to say "listview".  And the content above the listview would actually be dynamically generated.  I just don't want it to ever scroll off of the screen, almost like a header.  Is this functionality possible?  The idea is that the non scrolling part would contain the details specific to an order and the user would be able to scroll through the line items that appear in the listview below the details.
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 17 Jan 2014 Link to this post

    Hello Brian,

    This is exactly what I mean. Please check this example and let me know if it helps:

    http://jsbin.com/EdejEXUv/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!
Back to Top
Kendo UI is VS 2017 Ready