I'm into Stylish things that just look good and function well.
SOLVED Bootstrap Carousel Clash with Rokbox
Posted 9 years 11 months ago
I noticed that my carousel with BS3 was squashing up as some margins and stuff are dynamically added when rokbox was enabled. I can tell you it might have been 2 hours for me to find that relationship !
So I will see if I can come up with a fix and chances are this will affect no one else..
Gantry and Joomla only include Bootstrap 2.1 - Even then Gantry is only "based upon" bootstrap 2.1. So, if you are using Bootstrap functionality it's not suprising that there are issues. But of course if you wish to share your solution please post here.
Regards, Mark.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
I'm into Stylish things that just look good and function well.
Re: SOLVED Bootstrap Carousel Clash with Rokbox
Posted 9 years 11 months ago
ok thanks mark.
so far the carousel works fine if I disable the system rokbox plugin. Ok I found that my localhost works fine however !
So now seeing that this plugin calls 4 .js files and renaming mootools-core.js allowed my live site to work i.e. the carousel no longer got wrapped with a big negative margin as the carousel cycled through.
This is my update so far. I am guessing that the mootools is the animating engine that rokbox uses.
It's really hard for me to break in and edit the carousel.js of bootstrap as I dont have the original grunt file. I am using a sass version of the build. I was hoping to quickly rename the carousel and slide class and see if that fixed things.
Thank you for sharing the solution. Rokbox requires mootools and is just a user of it. As you found the clash is between bootstrap and mootools - nothing to do with RT.
Regards, Mark.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.