Listview with horizontal scroll view

[Suma]

Hi,

can we do listview with horizontal scroll bar? i checked this link http://demos.kendoui.com/mobile/scrollview/index.html#/ but in this link they are using <div> but i want <ul> four itesm have to be show at a time when scroll another four items have to show. horizontal scroll i want can any one give the sample code.

with regards
sumalatha. 

[Steve]

Hello Sumalatha,

If you do not use data-role=page attribute on the page elements, their contents will not stretch to fit the widget width, and several items will be visible at once.

Regards,
Steve
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.

[Priya]

Hi,

Steve thank you its working

with regards
sumalatha

[David]

this works if the scrollview content is there or manually generated.  but when I tried to use the template and datasource, it seems always forced one item per page.  is there a way to pass in data attribute to tell it not to do that?  thx

[Kaloyan]

Hi David,

Thank you for contacting our support services.

If I am not misunderstanding you, this should be achievable by using a custom template. Here is an example, showing the implementation details. Please, correct me if this is not the case with some additional details and I will assist you further.

I hope it helps.

Regards,
Kaloyan
Telerik

 

 

[Fares]

Hello,

I have the same problem as David.

I am trying to display images horizontally inside a scrollview. I dont want to display X images per page, I want them like a listview, just horizontally. X items are visible, then i have to scroll.

When i try to add the images statically, it works fine:

<div data-role="scrollview">
<img id="img1" .../>
<img id="img2" .../>
          .
 .
 .
</div>

however, when i try to do the same using databinding, it display one image at a time. the generated html has each image inside a  div class="km-virtual-page", which is the reason its not working i guess.

Any help is appreciated.

Thank you.   

[Petyo]

Hello Fares,

you can use the items per page configuration option to display multiple images in the same page.

Regards,
Petyo
Telerik