Topic: Image buttons / Hotspot

Hi Dimitri,
I have a question,
I want to have custom shape Buttons using images, actually want to have a map with buttons as states so need to have something like html hotspot.
how can I achieve that?

many many Thanks

2 (edited by Destiny 2021-09-29 11:59:17)

Re: Image buttons / Hotspot

Search with "Image buttons", there are some answers on the subject.

Destiny

3 (edited by sonixax 2021-09-29 16:22:35)

Re: Image buttons / Hotspot

I did, as you can see My title is Image button but unfortunately cannot find anything!
look at attachment, this is my image and every single box need to be a button.
I have no Idea how can I add some hotspot on this image or similar sad

https://i.imgur.com/5tZqjY2.jpg

Post's attachments

Attachment icon floorplan.jpg 136.2 kb, 85 downloads since 2021-09-29 

4 (edited by Destiny 2021-09-30 09:16:53)

Re: Image buttons / Hotspot

I insert an image and with the "OnClic" procedure it behaves like a button. I can add as many as I want.
It is best to create an image with editing software and tilt it in the desired direction.
One image per button and you can finish your plan.

Destiny

5 (edited by k245 2021-10-01 06:42:55)

Re: Image buttons / Hotspot

I have no ready-made solution. I can only offer an idea of implementation.


You will need two large pictures. One for the front of the button panel, which will display your buttons of any configuration. The second is with button map. In this map, each button must have its own color. When you click on the first picture, you see where you hit the map. And, if there is a color at this point, then by this color we process the pressing of the corresponding button.

http://myvisualdatabase.com/forum/misc.php?action=pun_attachment&item=8115&download=0

Post's attachments

Attachment icon идея.png 35.99 kb, 79 downloads since 2021-10-01 

Визуальное программирование: блог и телеграм-канал.

Re: Image buttons / Hotspot

Thank you for the solution,
did top level images ignore transparent areas as hotspots?

Re: Image buttons / Hotspot

sonixax wrote:

Thank you for the solution,
did top level images ignore transparent areas as hotspots?

All logic is implemented when analyzing the color of the map. For example, white color on a map might match a transparent color on a top-level image.

Визуальное программирование: блог и телеграм-канал.