Run javascript with libraries

I have a group of charts that I’ve buit using javascript, when i run it on my machine, the charts display properly.
When I upload this exact code using bubble’s HTML element, the chart displays on the editor,
it looks like this:

however when I go to preview mode nothing is dispalyed. I’ve checked the console and there are no errors. The bubble page looks like this.

Any ideas on what’s causing this?

1 Like

One idea comes to mind, have you tried taking out the Jquery CDN?
I’ve had to do that in the past with some HTML elements. Maybe it won’t make any difference but figured it’s probably wort a shot!

Yeah I took it out and added it to the page header. Only trouble is that causes other errors. Like text not being cut off inside an element

See the text is overflowing outside the element, even though I have cut off content set to true:

I get a dialog box like this

When I remove the jquery frm the Page header, everything else works as usual again.

Ok, I see.
So what do you need the JQuery line for anyway? If things work without it, can you not just leave it out the HTML element and the Header?

Unfortunately I do need the jquery to manipulate the DOM. But I think I’ll just how the js + html +css
on a nother server, and I’ll use an iframe to bring it to bubble. Will let you know how it goes.

This topic was automatically closed after 70 days. New replies are no longer allowed.