cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
stapes
Post Prodigy
Post Prodigy

Clickable Image - is this possible with Power Apps?

I am not sure what you would call this.

I want to display a simple map of a warehouse & have the users click on various locations using the map to get data on various locations.

This would not be a Google Maps or Bing Maps. Just a Jpeg.

Is it even possible with Power Apps?

1 ACCEPTED SOLUTION

Accepted Solutions
ericonline
Community Champion
Community Champion

I even did my first YouTube video on this one 🙂

https://www.youtube.com/watch?v=SXBCR1Us1Jk

View solution in original post

13 REPLIES 13
mdevaney
Super User
Super User

@stapes 

I would suggest the better approach is to use Power BI with a Synoptic Panel.  The user could click on an area of the warehouse in a Power BI dashboard and have the data show on the screen.  


Links to more info.

https://powerbi.microsoft.com/es-es/blog/visual-awesomeness-unlocked-using-the-synoptic-panel/

https://okviz.com/blog/introducing-synoptic-panel-v1-4/

 

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

Thank you @mdevaney 

 

That looks like an expensive option.

Thanks @mdevaney  - Synoptic Panel looks like an interesting tool that I've not seen before.

@stapes - the way I would do this would be to apply the "Gallery - TemplateSize 0" trick. It's a bit tricky to describe but if you follow @ericonline's post here, you can see the technique that Eric uses to add clickable regions to map of US states.

https://powerusers.microsoft.com/t5/Building-Power-Apps/Gallery-Overlay-Question/m-p/201631

 

ericonline
Community Champion
Community Champion

I even did my first YouTube video on this one 🙂

https://www.youtube.com/watch?v=SXBCR1Us1Jk

View solution in original post

@stapes 
Synoptic panel is free to include in a Power BI dashboard.  Did you find some additional costs elsewhere?

 

mdevaney_0-1603299784843.png

 

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

@ericonline 

Thanks. I am going to play with this one.

Here is my first prototype:

Warehouse App.png

and on selection, a simple popup (for now)

Warehouse App - Popup.png

I showed this to the users, and the first thing they asked for is a means to add new waypoints!

Thanks for your help.

Thanks for the update @stapes - that looks fantastic!

I've created a floor map based on your video (kudos for that, great trick), using the DisplayedWidth, OriginalWidth properties of the map image to make it responsive. It works like a charm as the prototype (with 10-15 desks), however, we tried yesterday with the final number of desks (140), and with the same settings, only a few goes to the right place, the rest is off by sometimes 30-40 pixels. 

Have you tried it with more waypoints?

 

@stapes: I used an X and Y slider to allow the users / admins to create new waypoints. According to my co-worker it's an Etch A Sketch for the workplace. 😀

 

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!

Welcome Super Users.jpg

Super User Season 2

Congratulations, the new Super User Season 2 for 2021 has started!

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Users online (2,660)