Join the Webstudio community

Updated 3 months ago

Accordion in Vanilla Js with Css transit...

At a glance

The community member is seeking help to integrate a CodePen project into their Webstudio project, but they are unsure what they are doing wrong. The comments suggest the following:

1. Enable client-only mode and use script type="module".

2. Refer to the Webstudio documentation on running scripts on the canvas.

3. The community member is calling a gianniAccordion library, but it is not being loaded anywhere.

4. Custom CSS should be placed in the Navigator, not in the head code in project settings, as it does not run on the canvas.

The community members provide a helpful response and appreciation to the suggestions.

Useful resources
Hey guys! could someone help me to integrate this codepen project into my webstudio project? I have no idea what am I doing wrong... https://codepen.io/cant89/pen/RLEoyV (webstudio project https://p-47e1aebc-618f-4cb9-92f7-259903944e9e.apps.webstudio.is/?authToken=61bb68b8-8a0c-48c5-8913-2325c744d93f&mode=preview)
J
m
5 comments
enable client only and use script type="module". that's the low hanging fruit. may be more wrong than that
you're calling this new gianniAccordion but i dont see you loading that library anywhere
also put your custom css in the navigator not in the head code in project settings. that doesnt run on the canvas (we are adding a message to make that more clear)
Thanks John!!! You are the best πŸ˜„
Add a reply
Sign up and join the conversation on Discord