Place a dot at X Y coordinates on an image

(0) Share

Report

Posted on by EDHN_DKMA

Hi,

I'm hacking together a very rudimentary PowerApp that shows the location of a meeting room in our building.

I have a SharePoint list that contains the meeting rooms called "Lokaler"

sharepoint list.png

The app consists of:

Image:

First(Gallery8.Selected.Attachments).Value

Text input (search field):

" "

Gallery:

Sort(Filter(Lokaler, StartsWith(Lokale, TextInput1.Text) || StartsWith(Nummer, TextInput1.Text)),Sal,Ascending)

Currently when you click on a gallery item, it displays the attached image from the list item, in the SharePoint list.

To make it easier to maintain I would like to change the functionality to instead read the X and Y coordinates from the list item and draw a red circle at those coordinates.

Is this possible?

Here is what the app looks like:

Anmærkning 2021-10-12 094025.png

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

WarrenBelz 154,477 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
Hi @EDHN_DKMA ,

Assuming your image is "free standing" on the page, you just need to refer to its X and Y coordinates in the X and Y of the dot (I assume a circle icon)

ImageControlName.X + YourPositionNumber

and the same for the Y

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Was this reply helpful? Yes No
EDHN_DKMA 11 on at

Like (0)

Report
Copy link

Link copied!
Hi @WarrenBelz
So in the properties of the circle icon, what do I have to write, so that the circle's position changes based on the gallery selection?

To the list items I have not added a column called "X-Koordinat" and "Y-Koordinat".

I imagine the function for the red dot icon something like the thing below - I just don't know how to express it properly in code.

SetPosition(Gallery8.Selected.X-Koordinat,Gallery8.Selected.Y-Koordinat)

Was this reply helpful? Yes No
Verified answer

EDHN_DKMA 11 on at

Like (0)

Report
Copy link

Link copied!
Aaah! @WarrenBelz thanks. You set me on the right path. Here is the solution.

Inside the Advanced Properties of the dot, I was able to type in, right in the X field:
Gallery8.Selected.'X-Koordinat'

It just worked. So great! Thanks!

Was this reply helpful? Yes No
WarrenBelz 154,477 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hi @EDHN_DKMA ,

Yes, that would do it.

Was this reply helpful? Yes No