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

Announcements

News and Announcements icon
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
    155,463 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
    155,463 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
    155,463 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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Vish WR Profile Picture

Vish WR 610

#2
Haque Profile Picture

Haque 317

#3
WarrenBelz Profile Picture

WarrenBelz 315 Most Valuable Professional

Last 30 days Overall leaderboard