Wappler 2.9.0
Mac OS X Catalina and Mojave
When a standard Accordion Cards component is added and edited for dynamic data usage, the classes are not correctly switching to show the collapsed
class on the button element.
Code used for dynamic accordion card
<div class="accordion" id="accordion1" is="dmx-repeat" dmx-bind:repeat="3">
<div class="card">
<div class="card-header" dmx-bind:id="'accordion1_headingOne'+$index">
<h5 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" dmx-bind:data-target="'#accordion1_collapseOne'+$index" dmx-bind:aria-expanded="$index == 1 ? true : false" dmx-bind:aria-controls="'accordion1_collapseOne'+$index" dmx-class:collapsed="$index != 1">
Collapsible Group Item {{$index}}
</button>
</h5>
</div>
<div dmx-bind:id="'accordion1_collapseOne'+$index" class="collapse" is="dmx-bs4-collapse" dmx-bind:aria-labelledby="'accordion1_headingOne'+$index" data-parent="#accordion1" dmx-bind:show="$index == 1">
<div class="card-body">
Anim pariatur ... wolf
moon ... excepteur
butcher vice ... haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
</div>
Original thread for further detail if needed Accordion Bug (I think)
Community Page
Last updated:
Last updated: