Hello Power Apps community,
I am working on a Power Apps project to create a dynamic warehouse map based on data from an Excel data source.
My objective is to visualize a layout similar to the attached images example :
where different warehouse sections have different sizes and positions. Each section should be a clickable rectangle that shows additional information in a popup.
Additional Notes :
Each rectangle should be clickable to show a popup with more information.
The layout should be data-driven and adaptable for multiple warehouse plans.
Does anyone know how to achieve this data-driven, dynamic positioning of elements in Power Apps? Are there better ways to accomplish this layout in Power Apps, or is there a way to make the gallery approach work as expected?
What I've Tried :
Data Structure: I have an Excel table with fields like Name, Width, Height, PositionX, PositionY, and Color to define the layout. Each item (e.g., W19, Z01) has unique dimensions and coordinates.
Initial Approach: I attempted to use a nested gallery setup (Vertical Gallery containing Horizontal Galleries) where the vertical gallery groups items by PositionY (to create rows).
The horizontal gallery inside the veritcal gallery filters items by PositionX within each row.
Result: However, this approach does not replicate the layout from my Excel example. Items are stacked incorrectly and the positions values do not align items horizontally within rows as intended.
Expected Outcome :
I want each rectangle to respect its Width, Height, PositionX, and PositionY values dynamically, based on the data, without manually adding each element. The rectangles should appear as they do in the Excel layout (see attached image).
Thank you in advance for your help!