Canvas Apps Controls UI

A – Accordion gallery – How to make one in Power Apps

Accordion
Accordion

Introduction

An accordion expands and contracts. Similarly, an accordion gallery can be expanded (e.g. to show more details) or collapsed. There are two ways you can create such a gallery - using a single flexible height gallery or two nested flexible height galleries. With a little bit of data restructuring, you can make it work with a single gallery which is what I recommend. To learn more about galleries, click here.

Accordion gallery using nested galleries

Consider a checklist use case where questions are divided into sections. In this method, the parent/outside gallery displays the sections. The nested/inside gallery displays the questions within a section. To learn this method in detail, click here.

Accordion gallery using a single gallery

In this method, the single gallery simply displays the list of questions. For questions that have a sequence of 1 within each section, certain extra labels display section information along with the question details. To learn this method in detail, click here.

Stay tuned for the remaining 25 tips!

Recent articles

  1. A-Z: Learn how to improve your Power Apps with 26 tips, again!
  2. How to default a SharePoint person column
  3. Know if a user is using Desktop or Mobile

Leave a Reply