1 person found this helpful
InDesign version? Operating system?
Please post screen shots of before and after to help us diagnose what's happening. Also a screen shot of your layers.
At the top of the editor window, use the graphic icon to insert your screen shots in your reply.
Sorry, basic mistake! InDesign CC 2015.4 188.8.131.52 x64 on Windows 10
15-1open (Overlays layer) is the larger image that should be infront of the greybox
BG15 is the greybox that covers the A4 page
15-1 (EN Layer) is the small image that should be behind the greybox.
When an interactive PDF is generated elements are in the wrong order:
Secondly, when generating the ePub Interactive preview in InDesign on the same pages, the WORK CORRECTLY.
The error only occurs with the interactive PDF.
Additionally, I published online and when viewing in a browser, the pages behave correctly, but once you download the online PDF the same problem occurs. I assume this is because the browser-based version is using the same tech as the epub preview.
We are all thinking there's a bug In InDesign. Thoughts?
Interactive Elements like form fields and buttons are not part of a layer in a PDF, they are above everything else. There is nothing you can do as it is the behavior you have to expect.
That's really interesting information.
In this situation all three layers (15-1open, BG15 and 15-1) are all button elements and technically they are in the correct order within themselves, so, in each screen shot shown, the 3 elements appear to be in a different layer order than shown in Layers.
In other words, even if all buttons are above everything else, they *should* be still in the same order, no?
I did move 15-1 from the layer EN to the Overlay Layer (below the other two elements) but I still got the same mix up.
I think, that's a fundamental difference between Interactive PDF and Publish Online.
With a PDF a button is always on top of the stack of objects.
That's not the case with Publish Online HTML.
What could you do?
Punch a hole the size of your image inside the object in your button, that should obscure the page.
You can do this with the Pathfinder Tool in InDesign.
1. Duplicate your image frame, remove the image.
2. Move the duplicate by means of the Layers Panel inside of the button state you like.
3. Select the background object in that state plus the moved frame by using the Shift key in the Layers Panel
4. Go to the Pathfinder Tool and substract the added frame from the background object
BRILLIANT! Thank you so much. That has fixed the problem.
It is not to do with the Layers, it's the Tab Order AND in the opposite direction - going down, so the last object to view (and therefore ontop) is at the BOTTOM of the list (in Layers it would be at the top).
Fantatic Salah, really appreciate it.
Thank you Salah to pointing at the Tab Order.
I'll test that as soon as possible. Way better than my suggestion with the punch hole.
Ah. But we have to convert the image to a button object to do the Tab Order.
In my suggestion above the image still remains a simple image.
And with my tests with Publish Online as well:
The image was a simple image, no button or another formfield and was not obscured by one of the button's states that was stacked below in the layer's hierarchy of InDesign after published online.
FWIW: Just realized that a Combined Path would work as well with my solution to punch a hole.
Nevertheless, the idea with converting the image to a formfield (button) and doing the right Tab Order is superior.