expanded by default

[jmls]

is it possible to have a section expanded by default ?

awesome work, by the way.

[alexander-ruehle]

First of, thank you for your kind words.

Good idea, i will roll this out in the next version.

As a quick fix and workaround you can try to add the 'active' class to the collapse-card and add a style attribute to the collapse-card__body with display block. This would make on component expanded by default.

Example:

<div class="collapse-card active">
  <div class="collapse-card__heading">
    <div class="collapse-card__title">
      <i class="fa fa-question-circle fa-2x fa-fw"></i>
      title here
    </div>
  </div>
  <div class="collapse-card__body" style="display: block;">
    text here
  </div>
</div>

[jmls]

ohhh, close ;) thanks for the feedback - however there is a problem. When the form is first viewed, the card is indeed popped out - but with no content. click on the card to shrink, click again to expand, and it's all there. see below ;)

[alexander-ruehle]

Can you post your code here? I think you missed the style="display: block;" part on the .collapse-card__body

[jmls]

um, ah, well, cough

No, I didn't miss it out ... I had

<div class="collapse-card__body style="display: block;">

spot the deliberate mistake ;)

thanks again

[alexander-ruehle]

That explains a lot. ;) Glad i could help.