I have a floor plan with desks users can book. The desks are set up as a gallery, and I used XY-coordinates to overlay it onto a .jpg floor plan. Each item in the gallery has a desk icon and a text label. By default, if a desk is already booked for it should display the user who booked it (text label). If a desk is selected, a query is ran and additional information is displayed elsewhere on the screen.
To accommodate for lengthy names, bookedPersonLabel is much bigger than deskIcon and extends into other desks. Visually, this isn't really a problem (just a limitation that's impossible to work around), but as a result it's not possible to select the correct desk. Either OnSelect for bookedPersonLabel is false and no desk can be selected, or OnSelect is set to my query and the wrong desk will be selected.
An obvious fix would be to create another, transparent, icon that goes on top and matches the desks exactly so users will select this instead. However, is there no cleaner way to do this? Is there a way to have my Text Label visible, but for it not to be selectable and instead users select the next item on the list (deskIcon)? I probably have a bunch of use cases for this, and adding an additional layer each time creates a lot of clutter.

Report
All responses (
Answers (