How to make the Carousel like this?

3 posts, 1 answers
  1. Tommy
    Tommy avatar
    2 posts
    Member since:
    May 2019

    Posted 11 Jul Link to this post

    Hi all,

    Just attached the expect layout for the Carousel slider i want.

    But i have no idea how to make like that use the Kendo ScrollView...

    I tried to change the css make the same layout, but when i go next page, the position go wrong.

    Should i handle the position calculation on the Event "change"?

     

  2. Tommy
    Tommy avatar
    2 posts
    Member since:
    May 2019

    Posted 11 Jul in reply to Tommy Link to this post

    more details..

    i wanna the last display item (as the no. 5 item) show part of it like the attachment...

  3. Answer
    Preslav
    Admin
    Preslav avatar
    516 posts

    Posted 11 Jul Link to this post

    Hi Tommy,

    Generally speaking, the ScrollView allows the developer to implement any template for the pages. Having said that, what I could suggest is adding the desired amount of photos to a single "data-role='page'" element. After that, makes the sum of the widths of the images higher than the width of the page. By doing this, the last item will be partially shown.

    For a runnable example, check this test Page:
    I hope this helps.


    Regards,
    Preslav
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top