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

[Brian]

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?

[Kiril Nikolov]

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

[Brian]

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.

[Kiril Nikolov]

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