Sharepoint Form: Collapsible Fields & Default Visibility

[lekoppa]

I recently followed the advice in this thread to create collapsible sections for one of my sharepoint forms.  It mostly works, but there's a minor issue I haven't been able to work around.

Take my "Customer Service/Safety Skills" section as an example.
When the form first loads, all icons/data cards are visible, which causes a bit of a mess:

On mouse-click, the Downward Arrow Disappears:

After this point, the form works as expected:  Clicking on the upward arrow collapses the section, clicking on the downward arrow opens it.

Section Open

Section Closed

I'd really like the form to load with all sections closed by default, and remove the buggy, over-lapping arrows.  Any suggestions on how to do so?

[WarrenBelz]

Hi @lekoppa ,

This is all possible with Variables as below - what code are you using on your expand/collapse icons?

[lekoppa]

Hey, @WarrenBelz!  That's exactly what I'm looking for!

In my current setup (based on a post by forum user R3dKap, linked above), each collapsible section is made up of a custom datacard with an overlapping upward facing/downward facing arrow icons.  Their properties (in section 1) are as follows:

UpArrow
OnSelect:  Set(gloSection1Open, false)
Visible:  gloSection1Open

Downward Arrow
OnSelect:  Set(gloSection1Open, true)
Visible:  Not(gloSection1Open)

Additonal Datacards are tied to each section via the same line of code:
Visible:  gloSection1Open

[WarrenBelz]

@lekoppa ,

That is part of the solution (the variables set on the arrows and their visibility).

You also need to set the height of the data cards and the visibility of all elements in accordance with these variables. You can try just the visibility of the cards, but I have had issues with them not always "reappearing" where they left from.

Happy to elaborate further.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

[WarrenBelz]

Hi @lekoppa ,

Just checking if you got the result you were looking for on this thread. Happy to help further if not.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.