How to change jQuery CDN version

Wappler version 3.7.4
My project setup is PHP with Bootstrap 4 local, and jQuery 3.3.1 CDN
I want to change jQuery to 3.5.1 CDN
In project settings I change Jquery slim 3.3.1 cdn to jQuery slim 3.5.1 cdn
In my index.php file I still have <script src=“https://code.jquery.com/jquery-3.3.1.slim.min.js” integrity="sha384…, which I manually delete
Then on index.php file save the same script line for version 3.3.1 comes back whereas I was expecting <script src=“https://code.jquery.com/jquery-3.5.1.slim.min.js” integrity="sha384…?

Manually copying <script src=“https://code.jquery.com/jquery-3.5.1.slim.min.js” integrity="sha384… from Bootstrap website into my index.php file works fine, but on save <script src=“https://code.jquery.com/jquery-3.3.1.slim.min.js” integrity="sha384… keeps coming back meaning I am now loading jQuery twice?

The really strange things is that when I create a new webpage say test.php Wappler then inserts this script tag , and low and behold in my public-html folder I now have a subfolder “js” with jquery-3.5.1.slim.min.js in it.
Going back to project settings my framework JQuery Slim 3.5.1 cdn is definitely set correctly

Would appreciate some assistance as to what might be going on here, and how to resolve this issue ?

Thank you

The framework options in project settings has some issues. It has been reported before, but it has not been fixed.

To change the jQuery version on your page - index.php, don’t go into code view. Just select the right framework from the app properties right panel. That works reliably.

As for creating a new page and the framework settings, this is what works for me:

  1. Go to framework settings and delete everything.
  2. Add jquery, bootstrap, fontawesome, app connect - in this order and save.
  3. Now try to create a new page and it should load correct frameworks.
1 Like

Thank you sid, that has worked for me as well, it’s a good work around and gets the job done.
Shame the framework in project settings has issues hopefully will be fixed at some point
Thanks once again, appreciate it

1 Like

Yep worked for me too, thank you @sid!

This is not working for me, I tried your suggestion, but the layout page is not getting updated after the new page loads the correct framework.

From what I recollect, there was no NodeJS at that time, so the answer is for PHP pages, where there is no layout/content page setup.

For NodeJS, you will have to manually change the versions of frameworks manually from the properties panel.
Or, create a new layout, which will automatically have to right version for frameworks.

Could you please share with me where the properties panel is? currently I am manually adding it via code.

The panel on the right is called properties panel. You can manage frameworks on the page using the framework button. This is useful only on layout pages. Any framework changes in content page just changes code on layout page.

1 Like