Listview with horizontal scroll view

7 posts, 0 answers
  1. Suma
    Suma avatar
    49 posts
    Member since:
    Apr 2012

    Posted 24 Oct 2013 Link to this post


    can we do listview with horizontal scroll bar? i checked this link 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
  2. Steve
    Steve avatar
    10941 posts

    Posted 24 Oct 2013 Link to this post

    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.

    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.
  3. Priya
    Priya avatar
    2 posts
    Member since:
    Oct 2013

    Posted 25 Oct 2013 Link to this post


    Steve thank you its working

    with regards
  4. David
    David avatar
    3 posts
    Member since:
    Aug 2014

    Posted 31 Aug 2014 Link to this post

    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
  5. Kaloyan
    Kaloyan avatar
    871 posts

    Posted 03 Sep 2014 Link to this post

    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.


    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

  6. Fares
    Fares  avatar
    1 posts
    Member since:
    Aug 2014

    Posted 26 Nov 2014 Link to this post


    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" .../>

    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.   
  7. Petyo
    Petyo avatar
    2437 posts

    Posted 28 Nov 2014 Link to this post

    Hello Fares,

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

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top