This is a migrated thread and some comments may be shown as answers.

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

3 Answers 28 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 1
Brian asked on 13 Jan 2014, 07:27 PM
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?

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 15 Jan 2014, 09:24 AM
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!
0
Brian
Top achievements
Rank 1
answered on 15 Jan 2014, 01:43 PM
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.
0
Kiril Nikolov
Telerik team
answered on 17 Jan 2014, 08:22 AM
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!
Tags
ListView (Mobile)
Asked by
Brian
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Brian
Top achievements
Rank 1
Share this question
or