Bricks 101 Part 29 - Adding a Codepen HTML CSS JS and External JS - Bricks Builder

No video

Bricks 101 Part 29 - Adding a Codepen HTML CSS JS and External JS - Bricks Builder - BricksBuilder

Рет қаралды 3,930

Күн бұрын

This is how to add a Codepen that has External JS Code to Bricks Builder.
The example Codepen is from here: codepen.io/Lia...
Bricks 101 Part 29 - Adding a Codepen HTML CSS JS and External JS - Bricks Builder - BricksBuilder
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co...
🔗 All of our Important Links: websquadron.co...
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com...
😃 Get Elementor Pro: be.elementor.c...
😃 Boost your KZfaq Analysis: www.tubebuddy....
👕 Get our Merchandise: websquadron.co...
🥹 Support us: paypal.me/Webs...
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩‍💻 Visit websquadron.co.uk

Пікірлер: 30

@davidwalls2304 Жыл бұрын

Thanks Imran for this video. I've always wondered how to apply Codepen's but never really took the time to investigate. You made that very simple to understand. Cheers!

@websquadron Жыл бұрын

My pleasure

@VyLeTien Жыл бұрын

Thank you, the tutorial is easy to understand and easy to follow.

@NOALNOM Жыл бұрын

Ultra yeah Imran! Bricks is now the best!

@dachosenone5011 Жыл бұрын

Thanks

@Sashad2003 Жыл бұрын

Very informative. Thanks 👍

@Pipospipo Жыл бұрын

Ty Imran

@buntuscainte4987 11 ай бұрын

Thanks Imran 👍

@flexjones1983 Жыл бұрын

Man you've saved me time on this one, great info great video Thank you.

@websquadron Жыл бұрын

No problem 👍

@slunkeh Жыл бұрын

Your structure is not right. It should be: Style HTML Script with src Script with js code Also the body tag is not required in the HTML as it is already present via the builder. It worked in your instance but will not for every pen due to the order in which the browser parses the document.

@websquadron Жыл бұрын

Thanks the heads up on that.

@kerryhal 11 ай бұрын

Your sentence is very interesting, could you please describe it somewhere as a mini tutorial, possibly with some screenshots, so that one can see how the right way is.

@carlosp.1846 5 ай бұрын

In terms of speed. Wouldn’t be better to host the JavaScript ourselves with something like SwissArmyKnife for Bricks so we don’t need to rely on the uptime of an external link?

@websquadron 5 ай бұрын

Agreed :)

@stewtech 6 ай бұрын

Is this a good spot to embed Tidycal?

@websquadron 6 ай бұрын

Yup, use the code widget/

@ernestoserrathmontecino8914 Жыл бұрын

lovely stuff.

@marcosansalone Жыл бұрын

I don't have the execute code in the interface. 1.7.3 version. Do I need to able/disable something in the options?

@websquadron Жыл бұрын

I'll need to check

@marcosansalone Жыл бұрын

@@websquadron found the solution. BricksBuilder > Settings > Builder Access > code execution - Administrator toggle needs to be activated.

@websquadron Жыл бұрын

@@marcosansalone You beat me to it! Well done.

@SteveNielsen2013 Жыл бұрын

Thanks for the video. I was able to get this working in Oxygen 4.5 but not in Bricks 1.7. In Bricks, everything is OK but the snowflakes don't show. I made sure that I added both js script elements(the one in the and the one after the . I looked at the js console using 'Inspect' in chrome and it was giving me errors about 'Uncaught ReferenceError: particlesJS is not defined'. Also got the error 'Unchecked runtime.lastError: The message port closed before a response was received'. I just thought I would post this in case anyone else is running into a similar issue. I'll edit my comment if I find a solution. Thanks again for the video(and the whole Bricks 101 series).

@websquadron Жыл бұрын

Are you adding any required JS libraries.

@SteveNielsen2013 Жыл бұрын

I finally figured this out. I made a typo and put 'scr' instead of 'src' for the source attribute on the js script. It works now. Thanks again for the video.