cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
PowerAppsDawg
Frequent Visitor

Clickable Diagram in Powerapps

hey community ! , 

 

I was wondering can Power Apps make use of data bound objects like the ones found in PowerBI.

 

specifically i was thinking about the synoptic panel visualisation.  the use case I'm considering is car park booking. 

 

What id like to do is import a plan of a car park into PowerApps  and then define data objects inside the plan. I know I could create the carpark plan out of shapes, but this isnt ideal when there are alot of spaces

 

The user would be able to click on the space, see details, book the space if it was free.

 

Free spaces would be highlighted in green on the map. 

 

I can almost do the whole thing in PowerBI but ideally i think it would be better contained in only PowerApps.

 

Do you think it needs a custom component ?

 

Any advice is greatly appreciated

 

 

2 REPLIES 2
JayMagness
Solution Specialist
Solution Specialist

Hi,

 

I would add the image in the media area. then would call the image into the image control and place it on the canvas.

 

Then I would place clear buttons over each space for the user to select, then..........

 

Fell free to contact me directly and I can send you a teams pointer and try to help you

 

shrutika_patil
New Member

There can be two ways to achieve the synoptic diagram in PowerApps (Canvas Apps)

  1. Using PowerApps Gallery control:  You can use the out-of-the-box PowerApps Gallery control by little trick. Use the Vertical Gallery and select the 3 Columns layout for the gallery. You can control the number of columns in row using WrapCount property. Inside gallery put circle or rectangle and handle the fill color property based on the space availability and user selection. Create Collection based on carpark layout and bind it to the gallary.
  2. Build PCF code component. This will give you lot of control over.

 

Thanks,

Shrutika

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

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