Forums

Bootstrap.js

Permalink
anybody know which bit of bootstrap.min.js conflicts with C5?

Thanks

it causes this to happen...

jquery.js:5 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.

and

The specified value "!" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.


is the jquery file in C5 at fault or is it bootstrap?
 
stewblack23 replied on at Permalink Reply
stewblack23
Hey tonyswaby

Are these the errors your getting in Concrete5 or are you seeing this error in the console when you inspect a page?
tonyswaby replied on at Permalink Reply
the errors appear in console when I click on "design & template" in edit mode

I don't think it's anything to do with the issue though.

If I leave out boostrap.min.js the panel the "design & custom template" popup works fine but the bootstrap menu doesn't
Gondwana replied on at Permalink Reply
Gondwana
I think c5's customised version of bootstrap includes some CSS class namespacing to adapt it to the c5 UI.
tonyswaby replied on at Permalink Reply
Is there a way to make this work or should I swap frameworks to avoid conflict?
stewblack23 replied on at Permalink Reply
stewblack23
Yes. You can make it work. What you are going to have to do is register the assets that you are using in your theme like bootstrap.min.js so that C5 does not load that assets twice since C5 is built with bootstrap.

This C5 developer post on asset registration should fix the issue.https://documentation.concrete5.org/developers/designing-for-concret...

Skip to about the 5 min mark in the video should help you out.

Hope that helps.
tonyswaby replied on at Permalink Reply
Thanks you my friend:)
tonyswaby replied on at Permalink Reply
The way I did it was to not load the bootstrap.js version I needed for the site when in edit mode. So C5's version of bootstrap.js is loaded and not the one I'm using for the site.