0
Welcome Guest! Login
0 items Join Now

SOLVED Bootstrap Carousel Clash with Rokbox

    • landed's Avatar
    • landed
    • Hero Rocketeer
    • Posts: 369
    • Thanks: 1
    • 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..
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Bootstrap Carousel Clash with Rokbox

    Posted 9 years 11 months ago
    • 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.
    • landed's Avatar
    • landed
    • Hero Rocketeer
    • Posts: 369
    • Thanks: 1
    • 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.

      It's a very curious bug however !

      Edit - with the internet your never the first see here... stackoverflow.com/questions/10462747/twi...mla-and-its-mootools

      Its not rokbox per se but rok box seems to kick off the need for mootools maybe..but that guy had exactly the same thing.
    • Last Edit: 9 years 11 months ago by landed.
    • landed's Avatar
    • landed
    • Hero Rocketeer
    • Posts: 369
    • Thanks: 1
    • 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
    • This is now fixed with the stack solution in the link above and not directly any fault of rokbox.
    • The following users have thanked you: MrT

    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Bootstrap Carousel Clash with Rokbox

    Posted 9 years 11 months ago
    • 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.

Time to create page: 0.096 seconds