How to implement section-expand/collapse in Property Sheet

I would like to implement section-expand/section-collapse behavior in the Property Sheet component. How would that be accomplished?



  • edited July 15

    Hey @mrblint, there is no native way to implement this, but still we can add a css class that would hide the needed elements for us, all we need to do is to iterate through the proper elements. Every header in the property sheet has a type of label, so we just need to hide every row that isn't of that type, for instance, here is a small demo of how you could do this: If you want to collapse/expand just one section at a time you'd have to readjust the code to your needs, but the basic idea stays the same.

  • edited July 15

    Alternatively, you can create several Property sheets placed into Accordion items:

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion