web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Sharepoint Form: Colla...
Power Apps
Unanswered

Sharepoint Form: Collapsible Fields & Default Visibility

(0) ShareShare
ReportReport
Posted on by 2

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:

image.png

On mouse-click, the Downward Arrow Disappears:

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

 

Section OpenSection Open

Section ClosedSection 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?

 

Categories:
I have the same question (0)
  • WarrenBelz Profile Picture
    153,117 Most Valuable Professional on at

    Hi @lekoppa ,

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

  • lekoppa Profile Picture
    2 on at

    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 Profile Picture
    153,117 Most Valuable Professional on at

    @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 Profile Picture
    153,117 Most Valuable Professional on at

    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.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 765 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 343 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 272

Last 30 days Overall leaderboard