-
Notifications
You must be signed in to change notification settings - Fork 133
Platform: Carousel Technical Design
The carousel displays multiple pieces of content in the same place on a page. Users view one piece of content at a time, just like browsing through a set of cards or slides. The carousel provides navigation controls so user can easily move through it, and a paging indicator that informs users of their current position.
It’s best used for browsing through a set of images. Viewing images one by one helps users to distinguish between different items.
<fdp-carousel
[slides]="slides"
[config]="carouselConfig"
(init)="carouselInit($event)"
(afterChange)="afterSlideChange($event)"
(beforeChange)="beforeSlideChange($event)">
</fdp-carousel>The list of slides wanted to display those paths will be given here.
How many slides to show and slides to scroll configuration details will be set here. n`
It will handle the initialization of carousel instance with the configuration details given. It handles after and before the change slide events too in the carousel instance.
It will handle the slide display in carousel. It will have details of current Index of the slide and what should be next slide once a current slide is changed.
It will handle the slide display in carousel. It will have details of current Index of the slide and what should be next slide once a current slide is not changed.
N/A
N/A
- Will be using "slick-carousel" library which is built on jquery and has the basic features of carousel.
- Will be overriding the functionality, css, scss and themes of this library to make sure it is as per Fiori 3.0 standards.
- Can I place this component in core library?
- Is it allowed to use 3rd party library- "slick-carousel"? for avoiding from scratch development.
- Styles can I place in fundamental-styles or do I need to add them in fundamental-ngx/platform styles itself, css has to be developed from scratch to maintain fiori 3 standards for this component.