Forums

Hi,
How to remove JQuery and Bootstrap scripts included by Chronoforms V5 near form in front-end:
/libraries/cegcore/assets/jquery/jquery.js /libraries/cegcore/assets/bootstrap/js/bootstrap.js

These script are duplicated, because my template already loads these scripts in Joomla <head>:
/media/jui/js/jquery.min.js /media/jui/js/jquery-noconflict.js /media/jui/js/bootstrap.min.js

Thanks in advance.

Filipe Torres

Hi Filipe,

I'm working on a fix for the JQuery part, but CFv5 uses Bootstrap 3 which is a more recent version than the one in Joomla!

Regards,
Max

Hi Max,
I can update Bootstrap script loaded by Joomla, but the real problem is that Chronoforms load these scripts again.
Do you can sugest me any workaround to deal with this problem?

Regards,
Filipe Torres

Hi Filipe,

You can't update the one in Joomla because its used by many Joomla functions, and its v2, so it has many differences!

Regards,
Max

We just got done chomping at the bit trying to figure out what in the hell was loading Bootstrap 3.0. Bootstrap 3.0 has tons of known issues in J3 why Chronoengine would build on a version that is known to cause conflicts in Joomla is beyond me. This component is useless to me.

Hi Galtline,

Chronoforms uses a custom BS3 version, the CSS is wrapped inside a custom parent class and so it should not affect your other page elements, it only affects the form.

If you don't want to affect your form then you can set the "Form theme" to "None" under the "General" tab, that will use your default theme styles.

Regards,
Max

Sorry doesnt work. I tried that first and still had the same conflicts. Turned the module off and now everything is working fine.

Ok, I will need to check your page to understand the problem and be able to give any hints, as said the bootstrap version included wouldn't affect any elements on the page not wrapped inside a div with class "gbs3"

Regards,
Max

There are conflicts on my website, too.
I templated this website with Bootstrap 3 on Joomla 3.3.

The conflicts causes problems in the navbar / menu. You can visit every page, everyting works except you visit the chronoform because the dropdown menu doesn't work anymore.

Website: http://goo.gl/wYJp6E
Please do not mention the original url or the website name. Thanks.

Can you help me to fix this problem?

Please set the "Form theme" to "None" under the "General" tab, that should disable bootstrap and you should have the styles since you already have it running!

Regards,
Max

I already have set it to None.

and you still have the bootstrap loaded from Chronoforms ? this is on the form page or after its submitted ?

Please send me a link and login to your form using the "contact us" page, since your website is not public!

and what about the jquery?

Some templates or Joomla versions don't have jQuery loaded by default, and so CF loads the latest jQuery version in order to use it, this file is only 90 kb

Regards,
Max

And i'd like to prevent that, how to do this? At least which file to modify, i struggle to find the code lines.

The jQuery file is called from many places and its hard to disable it completely, its advised to keep it for now and I will try to find a workaround to load it only when its not on the page.

You may also try v4, which doesn't use jQuery, but it uses Mootools.

Would be nice to avoid redundancy.

Especially when you would like to have more than one module instance on page...

if the same file is loaded twice then its loaded from the browser cache, and its loaded at the first page visit only, then its cached.

Regards,
Max

@bulaj

Edit the File: libraries/cegcore/joomla_gcloader.php
Line: 110, 111

Replace this Code:
echo \GCore\Libs\AppJ::getHeader();

with this Code:
$app = \JFactory::getApplication(); if ( $app->isAdmin() ) { echo \GCore\Libs\AppJ::getHeader(); echo $toolbar; echo '<div style="clear:both;"></div>'; }

Hi xart,

The header is needed on front end in some situations, so this solution would not work well all the time!

You are trying to get rid of the extra jquery ?

Regards,
Max

Joomla! 3.3.6 Stable
Chronoforms V5.0 08.Dec.2013

Has there been a fix established for this yet? I, too, am experiencing the same problem. I don't have the option to change the theme to 'None'. The only options I have are 'Bootstrap 3' and 'GCoreUI'. This is causing the form NOT to submit data. Instead it refreshes the form.

This needs to be fixed ASAP as the site that is using this component is live! 😟

Hi toad,

You can simply upgrade to the latest update to have the new options, just download the latest update and install it OVER yours.

However, if the form is not submitting the data then there may be another issue, please test the form using the "View form" link.

Regards,
Max

Yes, testing it via the 'View form' link, the form works fine. When I checked the code, there is a jQuery conflict, which is why I want to remove Chronoform from loading it's jQuery version.

So I've updated the component and other files, still the same issue and I have not option to change the theme under the 'General' tab.

I noticed that if I load the form directly from the 'View Form' link, some code is not loaded. Meaning:
"media/system/js/caption.js" isn't loaded and part of a jQuery function is not loaded. See attached.

So my question is pretty much still the same: how can I fix this?

Hi toad,

The View Form link loads the form without the template and hence without the files that the template loads. It looks as though the function in your doc is something to do with the menu component probably not with ChronoForms itself.

The setting you are looking for is shown in the image below. I'm not sure that it will solve your problem though.

Bob

Thank you, GreyHead. I'll try it out.