Multi Item Carousel Advance - 1 item per time how to increac


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

Paul Kim (Little Tiger) pro priority vip early access premium asked 5 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


TomekMakowski staff answered 5 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) pro priority vip early access premium commented 5 years ago

I am using the pro version of MDB


Paul Kim (Little Tiger) pro priority vip early access premium answered 5 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.


MDBootstrap staff pro premium answered 5 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)

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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.6
  • Device: Website
  • Browser: Crome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes
Tags