Fields and comments: foreground and background

[JR Boulay]

Hello

I have an image form field on which the user clicks to import an image.
Around the image there are legends that the user must link to the image with arrows (comment tool: arrow).

When you place the arrows everything is fine: the arrows are above the image (screenshot 1).

If you save / close / reopen the document: the arrows are passed under the image field, same thing when you modify the arrows after placing them (screenshot 2).

I also tried by placing crosses using the document proposed by try67 in this subject (https://community.adobe.com/t5/acrobat/indicate-pain-areas-on-body-chart/mp/11104870? page = 1 # M254440) but the problem remains the same: crosses are placed under the image.

My question: do I have any hope of being able to use comment tools over a form field (image) and that they stay there?

Subsidiary question: am I the only one to think that this behavior of Acrobat (above then below) is not normal?

Thank you

Above:

Below:

Edit mode view:

[JR Boulay]

Nobody has at least a little idea?

[ls_rbls]

Hey JR,

Use the Edit PDF Tool, right-click anywhere inside the image frame and select send backward or send back. When you save and close, and then re-open the PDF the annotation arrows should be (and remain ) visible on top of the image.

See slides:

[ls_rbls]

I forgot to clarify that for this to work it has to be insert button , not insert image field.

The user can upload an image using the button field. Just expand the whole frame of that field  to set it up the same way you need the image size to appear on that page when uploaded.

The bustton must be set with transparent color and add a javascript mouse up action with this script:

event.target.
buttonImportIcon();

This will allow you to upload a jpegquality image or similar as if it was the image field. The only constraing is that it must set to "icon only" and keep aspect ratio proportionally. This won't gurantee the image filling the entire frame though.

The best approach is to set the icon Advanced properties to fit bounds proportionally when icon is too big, for example.

This is the best idea I can think of if the user selects images of different sizes.

See slide:

[Bernd Alheit]

A image field is a button field.

[JR Boulay]

Thank you ls_rbls

But how does this relate to my question?

[ls_rbls]

I was answering this question :

• My question: do I have any hope of being able to use comment tools over a form field (image) and that they stay there?

 My slide above doesn't show very well the arrow that I used with the comment tool.

I was also trying to explain that when you use the Icon button instead of the Image button you're able to bring that frame back so that the arrows stay on top of the uploaded image , which is what you were asking I believe.

When you use the clickable image field in your PDF, it won't allow you to use the Edit PDF tool and rearrange which frame stays on top.

Here is a better slide that illustrates what I was trying to say:

As you can see, I just used the annotation tool to insert and position the arrows that I wanted on top of the Human Body chart image,  which was uploaded using the Icon button instead of an Image button.  This is the difference that I am trying to outline here.

The color photo in this slide illustrates that problem. There is an arrow that I a place to point to one of the faces in that picture but the uploaded image covers it and there is no work around for that , as mentioned by Try67.

However, I say again, try using the Icon button instead to upload an image and you'll be able to bring forward or send to back using the Edit PDF tool. That is why you can appreciate in the slide the other anootation arrows that appear on top of the Icon frame.

I hope I was able to explain it better this time.

[JR Boulay]

Thank you ls_rbls

Indeed I had understood nothing. 😉

But I don't understand what you mean by "Icon button" and "Image button".

As far as I know an "image" field is a field whose type is button.

Can you share your sample file?

[ls_rbls]

Never mind JR... I just discovered how wrong my entire answer was.

I was using the same file that you posted in that link from Try67, for the Human Body chart.  

The human body chart image in the background was not uploaded with the importicon javascript like I thought. It is just an image that can be edited using "Edit Text & Images". 

I apologize for any inconvenience and additional confusion that I brought to this thread.

[try67 · Accepted solution]

This is normal. Form fields and comments were not built to be stacked on top of each other, and doing so is asking for problems. You'll notice there's no z-order index anywhere for these kind of objects, so basically the last one you edit is going to appear on top. You should avoid having such overlapping objects as much as possible. Look for alternate solutions.