Dynamic Collapse "show" isn't working

Selecting “show” on the dynamic collapse doesn’t show the container on live site

    <div class="collapse" id="collapse2" is="dmx-bs5-collapse" show="true">
    <p>Collapse body text goes here.</p>
</div>

It shows in Wappler

But not on the web.

If you are using NodeJs with a layout page does the page need saving if this is the first collapse added to the site the scripts will be in the layout page and might need saving, is the following in the head tags?

<script src="/dmxAppConnect/dmxBootstrap5Collapse/dmxBootstrap5Collapse.js" defer=""></script>

1 Like

I’m using PHP. And the collapse works with a button, it’s just the original “show” that’s not working.

This is the head tag

<script src="dmxAppConnect/dmxBootstrap5Collapse/dmxBootstrap5Collapse.js" defer></script>

Aha! You got me on the right path. That file hadn’t actually uploaded. Interesting that the collapse still works from a button without it.
Thanks!!

1 Like

Glad you got this sorted

This is likely because Bootstrap has collapses included but Wappler’s custom script is to make a dynamic collapse out of the original I believe which makes it so you can use dynamic events for shown hide etc:

Dynamic collapse: has the collapses category with extra binds


Standard bootstrap collapse: Doesn’t have these events

Ah - that makes sense. Thanks again!