Topic: Multi Item Carousel Advance - 1 item per time how to increace col without breaking

Paul Kim (Little Tiger) priority asked 3 years ago


Expected behavior as you can see snippets if I increase items transaction motion is broke. and when I increased to more than 6 items on the screen when it transaction it duplicates the second item and two items are moving instead of one item.

how can I fix this problem?

Actual behavior

Resources (screenshots, code snippets, etc.) https://mdbootstrap.com/snippets/jquery/paul_kim_little_tiger/728613


MDBootstrap staff answered 3 years ago


Hi! I have a proposition of well executed snippet for you. https://mdbootstrap.com/snippets/jquery/pjoter-2-0/739551

Important changes:

  1. added class v-2 to element with id="carousel-example-multi"
  2. added proper values of translate in css (this version of carousel doesn't support by defoult your version of implementation)

Paul Kim (Little Tiger) priority answered 3 years ago


I am using the pro version of MDB.

Material Design for Bootstrap

Version: MDB Pro 4.8.1

even so in snippet code, it doesn' work property.


Tomek Makowski staff answered 3 years ago


Hi,

You have to have pro version of MDB, otherwise it doesn't work properly. Each of our MDB Pro components have special "Pro tag".

Regards

Tomek


Paul Kim (Little Tiger) priority commented 3 years ago

I am using the pro version of MDB



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.7.6
  • Device: Website
  • Browser: Crome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes