This is a migrated thread and some comments may be shown as answers.

How to make the Carousel like this?

2 Answers 813 Views
ScrollView
This is a migrated thread and some comments may be shown as answers.
Tommy
Top achievements
Rank 1
Tommy asked on 11 Jul 2019, 05:29 AM

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 Answers, 1 is accepted

Sort by
0
Tommy
Top achievements
Rank 1
answered on 11 Jul 2019, 05:31 AM

more details..

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

0
Accepted
Preslav
Telerik team
answered on 11 Jul 2019, 11:04 AM
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.
Tags
ScrollView
Asked by
Tommy
Top achievements
Rank 1
Answers by
Tommy
Top achievements
Rank 1
Preslav
Telerik team
Share this question
or