Input Field for position (like: north, north-east, east, south-east… or top, top-right, right, bottom-right…)

[2hoch11]

I am wondering what input field is the best to select the position of a text-layer on an image?

#1

The easiest would be a select options field as dropdown with the options:
north, north-east, east, south-east, south, south-west, west, north-west, center
Or a less compass like version:
top, top-right, right, bottom-right, bottom, bottom-left, left, top-left, center.

#2

Use the focus point of the image, so you can position the layer anywhere, but you lose the ability to really focus on something if the uploaded image has a different ratio than the rendered image in the frontend.

#3

Use RuntimeMarkup (https://modules.processwire.com/modules/fieldtype-runtime-markup/) to display (and eventually even manipulate) the select element from #1. (I did not try this one)

#X

Ist there a more elegant way that offers more visual feedback, like 9 squares (3 columns, 3 rows) with radio buttons or something like that?

[kongondo]

Not sure this would work in your case but have you considered Image Marker?

[d'Hinnisdaël]

I'd use the module uploaded by LostKobrakai at some point and add margins and paddings to position them at north/east/south/etc:

 

[2hoch11]

On 12/10/2019 at 12:16 PM, kongondo said:

Not sure this would work in your case but have you considered Image Marker?

Thank you kongondo. Now I remember I tested Image Marker last year. It could be a solution but as far as i remember the points are referencing to a (sub) page, so you need an extra page for a single headline or text that is on the image…

[2hoch11]

Thank you d'Hinnisdaël. I wanted to test the plugin but I am not shure if it is compatible with the current PW version? It installs well but i cannot see it in the (type) dropdown, when I create a new field… strange…