cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Anonymous
Not applicable

Show/Hide Details of DisplayForm - Variable Height

Hello everyone,

 

I have the following setting. In my app I have a screen which uses a display form to show the details of a gallery item. I have a button which shows/hides certain details of the item so the user can have more space for other elements of the screen. The OnSelect of the button is simple:

UpdateContext({var_showDetails_History: !var_showDetails_History})

 

The results look as follows:

Details hidden:

DetailsHidden.png

 

Details shown:

 

DetailsShown.png

Now, the entries of the displayed item can have variable height but the above example has a hardcoded height for the form (note the space between the last line and the grey button). The height property of the display form in above examples is set to

If(var_showDetails_History; 365; ID_Arbeitsgeraete_DataCard1.Height)

and I tried to set the hardcoded 365 to

ID_Arbeitsgeraete_DataCard1.Height + Seriennummer_DataCard2.Height + Datum_Erhalt_DataCard2.Height +  Bemerkung_DataCard2.Height

which defines the height needed to display all entries.

This change results in no height changes when trying to expand the details. However, the first time after changing the property in the editor it shows the correct height and collapses properly when pressing the button, but it does not expand again.

 

The visibility property of the 1st row's entries is set to true and for the others it is set to var_showDetails_History, to avoid scrolling to the hidden details. My suspicion regarding the error is:

Details hidden -> press Button -> var_showDetails_History is updated -> height of the display form is updated -> visibility of the display form entries is updated ==> because the height is calculated when the entries are still invisible, it only has the height of the first row (which is always visible).

 

I tried the following OnView property for the screen to try capturing the height of the entries when visible but that did not work either:

UpdateContext({var_showDetails_History: true});;
UpdateContext({var_DisplayForm_maxHeight: ID_Arbeitsgeraete_DataCard1.Height + Seriennummer_DataCard2.Height + Datum_Erhalt_DataCard2.Height +  Bemerkung_DataCard2.Height});;
UpdateContext({var_showDetails_History: false})

 

Any ideas or hints on how to solve this would be highly appreciated.

 

1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

Okay, so I found something that works. It is a pretty dirty workaround in my opinion, so if anyone has a better suggestion, please let me know!

 

In my last post I described that the problem disappears after clicking the button again until I change the screen again. So I implemented a hidden timer which literally presses the button three times to expand and collapse the form. Since it does not look nice/well-designed to see the form expanding and collapsing I added an intransparent loading overlay. I did this as follows:

Screen property

  • OnVisible: UpdateContext({var_showDetails_History: false; var_TimerReps: 0})

Timer properties

  • Duration: 10
  • OnTimerEnd: If( var_TimerReps <4; Select(box_OnSelectCover_1));; UpdateContext({var_TimerReps: var_TimerReps +1})
  • Repeat: If(var_TimerReps <5; true; false)
  • Reset: true

 Overlay property:

  • Visible: If( var_TimerReps < 5; true; false)

The Overlay takes an extra repetition to disappear so that the last collapse is not accidentally shown.

 

Maybe this is helpful to someone at some point 😉

View solution in original post

3 REPLIES 3
Drrickryp
Super User
Super User
Anonymous
Not applicable

@DrrickrypThank you for the suggestion! It is neat to have the expansion bar within the display form and I learned and implemented something new there. Unfortunately, that does not address the problem of the variable form height (meaning that the expanded form can have different sizes depending on the entry you are looking at).

 

Since opening the app again today, the app behaves differently than described above. It now updates the form height when trying to expand. It somehow retains the height from a previously viewed entry for the first expansion. The reproduction of the bug goes as follows:

 

Start app --> select item (Item1) to view from gallery (main screen) --> display form for Item1 the shows in collapsed form (view screen) --> expand display form: form expands but not to the correct height --> collapse display form: works as intended --> expand display form: works as intended [--> optional: collapse the form again] --> go back to main screen and select different item (Item2)--> display form for Item2 the shows in collapsed form (view screen) --> expand display form: form expands but with the expanded height for Item1 --> collapse form: works as intended --> expand form: works as intended

 

In short: the first expansion of the form seems to take the height values of the previously selected item and it does not matter whether or not I collapse the form of Item1 before going back to the main screen and selecting Item2.

 

I have not found any documentation on the internal processing order of PowerApps so far. Does anyone know about further information in that regard? I am completely self taught so far, so I don't know if this is covered in any of the Microsoft courses that exist on PowerApps.

Anonymous
Not applicable

Okay, so I found something that works. It is a pretty dirty workaround in my opinion, so if anyone has a better suggestion, please let me know!

 

In my last post I described that the problem disappears after clicking the button again until I change the screen again. So I implemented a hidden timer which literally presses the button three times to expand and collapse the form. Since it does not look nice/well-designed to see the form expanding and collapsing I added an intransparent loading overlay. I did this as follows:

Screen property

  • OnVisible: UpdateContext({var_showDetails_History: false; var_TimerReps: 0})

Timer properties

  • Duration: 10
  • OnTimerEnd: If( var_TimerReps <4; Select(box_OnSelectCover_1));; UpdateContext({var_TimerReps: var_TimerReps +1})
  • Repeat: If(var_TimerReps <5; true; false)
  • Reset: true

 Overlay property:

  • Visible: If( var_TimerReps < 5; true; false)

The Overlay takes an extra repetition to disappear so that the last collapse is not accidentally shown.

 

Maybe this is helpful to someone at some point 😉

Helpful resources

Announcements

Super User of the Month | Drew Poggemann

As part of a new monthly feature in the Community, we are excited to share that Drew Poggemann is our featured Super User for the month of February 2024. If you've been in the Community for a while, we're sure Drew's name is familiar to you, as he is one of our most active contributors--he's been a Super User for five consecutive seasons!   Since authoring his first reply 5 years ago to his 514th solution authored, Drew has helped countless Community members with his insights and expertise. In addition to being a Super User, Drew is also a User Group leader and a Microsoft MVP. His contributions to our Super User sessions and to the new SUIT program are always welcome--as well as his sense of humor and fun-loving way of sharing what he knows with others.   When Drew is not solving problems and authoring solutions, he's busy overseeing the Solution Architecture team at HBS, specializing in application architecture and business solution strategy--something he's been doing for over 30 years. We are grateful for Drew and the amazing way he has used his talent and skills to help so many others in the Community. If you are part of the SUIT program, you got to hear some great tips from Drew at the first SUIT session--and we know he still has much more to share!You can find him in the Community and on LinkedIn. Thank you for all you do, Drew!

Announcing Power Apps Copilot Cookbook Gallery

We are excited to share that the all-new Copilot Cookbook Gallery for Power Apps is now available in the Power Apps Community, full of tips and tricks on how to best use Microsoft Copilot as you develop and create in Power Apps. The new Copilot Cookbook is your go-to resource when you need inspiration--or when you're stuck--and aren't sure how to best partner with Copilot while creating apps.   Whether you're looking for the best prompts or just want to know about responsible AI use, visit Copilot Cookbook for regular updates you can rely on--while also serving up some of your greatest tips and tricks for the Community. Our team will be reviewing posts using the new "Copilot Studio" label to ensure we highlight and amplify the most relevant and recent content, so you're assured of high-quality content every time you visit. If you share a post that gets featured in the curated gallery, you'll get a PM in the Community to let you know!The curated gallery is ready for you to experience now, so visit the new Copilot Cookbook for Power Apps today: Copilot Cookbook - Power Platform Community. We can't wait to see what you "cook" up!      

Celebrating a New Season of Super Users with Charles Lamanna, CVP Microsoft Business Applications

February 8 was the kickoff to the 2024 Season One Super User program for Power Platform Communities, and we are thrilled to welcome back so many returning Super Users--as well as so many brand new Super Users who started their journey last fall. Our Community Super Users are the true heroes, answering questions, providing solutions, filtering spam, and so much more. The impact they make on the Communities each day is significant, and we wanted to do something special to welcome them at our first kickoff meeting of the year.   Charles Lamanna, Microsoft CVP of Business Applications, has stressed frequently how valuable our Community is to the growth and potential of Power Platform, and we are honored to share this message from him to our 2024 Season One Super Users--as well as anyone who might be interested in joining this elite group of Community members.     If you want to know more about Super Users, check out these posts for more information today:    Power Apps: What is A Super User? - Power Platform CommunityPower Automate: What is A Super User? - Power Platform Community Copilot Studio: What is A Super User? - Power Platform Community Power Pages: What is A Super User? - Power Platform Community

February 2024 User Group Update: Welcoming New Groups and Highlighting Upcoming Events

It's a new month and a brand-new year, which means another opportunity to celebrate our amazing User Groups!Each month, we highlight the new User Groups that have joined the community. It's been a busy season for new groups, because we are thrilled to welcome 15 New User Groups! Take a look at the list below, shared by the different community categories. If your group is listed here, give this post a kudo so we can celebrate with you!   We love our User Groups and the difference they make in the lives of our Community! Thank you to all the new User Groups, new User Group leaders--we look forward to hearing about your successes and the impact you will leave!   In addition to our monthly New User Group spotlight, it's a great time to share some of the latest events happening in our User Group community! Take a look at the list below to find one that fits your schedule and need! There's a great combination of in-person and virtual events to choose from. It's a great time of year to connect and engage with User Groups both locally and online. Please Welcome Our NEW User Groups   Power Platform: Heathcare Power Platform User Group Power Platform Connect Hub Power Platform Usergroup Denmark Mexico Norte- Power Platform User Group Pune Power User Group Sudbury Power Platform User GroupMicrosoft User Group GhanaMPPBLR - Microsoft Power Platform Bengaluru User Group Power Apps:   Myrtle Beach Power Platform User GroupAnanseTechWB PowerApps Copilot Studio: Pathfinders Power Platform Community Dynamics365: Cairo, Egypt MSD 365 Business Central/NAV/F&O User GruopMS Dynamics 365 Business Central LatamCincinnati OH D365 F&O User Group February User Group Events February 2024 Cleveland Power Platform User GroupPortallunsj - Februar 2024Indiana D365/AX February User Group MeetingQ1 2024 KC Power Platform and Dynamics 365 CRM Users Group 

Super Users 2024 Season One is Here!

   We are excited to announce the first season of our 2024 Super Users is here! Our kickoff to the new year welcomes many returning Super Users and several new faces, and it's always exciting to see the impact these incredible individuals will have on the Community in 2024! We are so grateful for the daily difference they make in the Community already and know they will keep staying engaged and excited for all that will happen this year.   How to Spot a Super User in the Community:Have you ever written a post or asked for help in the Community and had it answered by a user with the Super User icon next to their name? It means you have found the actual, real-life superheroes of the Power Platform Community! Super Users are our heroes because of the way they consistently make a difference in the Community. Our amazing Super Users help keep the Community a safe place by flagging spam and letting the Community Managers know about issues. They also make the Community a great place to find answers, because they are often the first to offer solutions and get clarity on questions. Finally, Super Users share valuable insights on ways to keep the Community growing, engaging, and looking ahead!We are honored to reveal the new badges for this season of Super Users! Congratulations to all the new and returning Super Users!     To better answer the question "What is a Super User?" please check out this article: Power Apps: What is A Super User? - Power Platform CommunityPower Automate: What is A Super User? - Power Platform Community Copilot Studio: What is A Super User? - Power Platform Community Power Pages: What is A Super User? - Power Platform Community

Did You Attend the Microsoft Power Platform Conference in 2022 or 2023? Claim Your Badge Today!

If you were one of the thousands of people who joined us at the first #MPPC Microsoft Power Platform Conference in 2022 in Orlando--or attended the second-annual conference in Las Vegas in 2023--we are excited to honor you with a special community badge! Show your support for #MPPC Microsoft Power Platform Conference this year by claiming your badge!         Just follow this link to claim your badge for attending #MPPC in 2022 and/or 2023: MPPCBadgeRequest    Want to earn your badge for 2024? Just keep watching our News & Announcements for the latest updates on #MPPC24.

Top Solution Authors
Top Kudoed Authors
Users online (2,886)