Hi
I discovered an issue when use a Scroller with ListView mobile control. The following example might help to better explain the problem.
In this example there is a <div> area followed by the Scroller that contains a ListView control and list view items are populated in JavaScrip.
If I try this as it is, when scroll the items in the list view it also scrolls the <div> above the scroller and pushes the Search box outside of the screen.
The fix to this problem is to set a "Height" for the scroller but problem is that I want the list covers the rest of the screen on the device and height of the screen depends on the type of the device and I cannot specify a fixed height for the scroller that works on all types of the devices.
Is there any way to have this working without setting a fixed height?
Thanks
Ron
I discovered an issue when use a Scroller with ListView mobile control. The following example might help to better explain the problem.
<
div
data-role
=
"view"
data-title
=
"Test View"
id
=
"testView"
>
<
div
>
<
input
type
=
"search"
value
=
""
id
=
"searchfor"
class
=
"k-textbox"
placeholder
=
"Search..."
/>
</
div
>
<
div
data-role
=
"scroller"
>
<
ul
data-role
=
"listview"
id
=
"customersListview"
data-type
=
"group"
></
ul
>
</
div
>
</
div
>
If I try this as it is, when scroll the items in the list view it also scrolls the <div> above the scroller and pushes the Search box outside of the screen.
The fix to this problem is to set a "Height" for the scroller but problem is that I want the list covers the rest of the screen on the device and height of the screen depends on the type of the device and I cannot specify a fixed height for the scroller that works on all types of the devices.
Is there any way to have this working without setting a fixed height?
Thanks
Ron