Topic: mobile vue for mdb vue carousel
Expected behavior Carousel items should adapt for mobile devices (PF view 3 items per row, mobile - 1 item per row) in multy mode Carousel should go to next slide while swipeng left and right or at least it should go to next/prev slides on next/prev button click in multi mode
Actual behavior Need to apply extra plugins to detect mobile devices to recalculate items per row. Carousel is not sliding to next/prev slides while swiping or clicking prev/next buttons in multi mode
Resources (screenshots, code snippets etc.)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 5.1.1
- Device: mobile
- Browser: chrome
- OS: Android
- Provided sample code: No
- Provided link: No
Magdalena Dembna staff premium commented 6 years ago
Multi item carousel is a component available to our Pro users. You can purchase a licence here: https://mdbootstrap.com/products/jquery-ui-kit/
lv051187paa commented 6 years ago
Hello, Magdalena My client is using Pro version. The question is about mobile view of this component. I need to have 1 slide per screen for mobile versions and 2 or 3 for PC. So if I have 10 slides I need to have 5 rows with 2 slides on each for PC and in mobile I need to have 10 rows with 1 slide per row
Magdalena Dembna staff premium commented 6 years ago
Multi item carousel is available in two versions - with multiple rows in the mobile view and with more slides: https://mdbootstrap.com/docs/jquery/javascript/carousel/#multi-item-carousel If this component doesn't work properly, please share a code snippet and will find a sultion.