Show/hide buttons not working properly

[#1]

I'm creating an interactive bingo card PDF for a client where the user clicks on the boxes to mark an X and mark five boxes in a row to 'win'. All the boxes are buttons with Xs on top all as buttons, but hidden until triggered. Clicking the box sets the visibility of the X on top to show. The problem is that when the next box is clicked the first X disappears, so only one X can be shown at once. In the visibility properties for the boxes, 'show' is only set for the corresponding X on top - all other buttons are set to 'ignore', but they aren't being ignored and hidden instead - why?

Here is the PDF - https://markharrington.design/wp-content/uploads/2020/05/bingo-card-forum.pdf - will need to be downloaded and opened with Acrobat.

Sometimes after clicking lots of random boxes, some of the X's stay visible for no explicable reason. If it's a problem with the layer order, what's the point of the 'ignore' markers. This is driving me mad, any help would be greatly appreciated!

[#2]

I'm creating an interactive bingo card PDF for a client where the user clicks on the boxes to mark an X and mark five boxes in a row to 'win'. All the boxes are buttons with Xs on top all as buttons, but hidden until triggered. Clicking the box sets the visibility of the X on top to show. The problem is that when the next box is clicked the first X disappears, so only one X can be shown at once. In the visibility properties for the boxes, 'show' is only set for the corresponding X on top - all other buttons are set to 'ignore', but they aren't being ignored and hidden instead - why?

Here is the PDF - https://markharrington.design/wp-content/uploads/2020/05/bingo-card-forum.pdf - will need to be downloaded and opened with Acrobat.

Sometimes after clicking lots of random boxes, some of the X's stay visible for no explicable reason. If it's a problem with the layer order, what's the point of the 'ignore' markers. This is driving me mad, any help would be greatly appreciated!

[#3]

That's just the way it is. Once you put enough of those things into a PDF it just stops working. This is not now and has never been an InDesign issue. 

[#4]

So this is a PDF/acrobat issue and there is no way to fix it?

[#5]

None I know of. You might want to check in the Acrobat forum, but I wouldn't hold out much hope.

I'm not a fan of interactive PDF for anything other than forms and even with that there are better alternative.

[#6]

I agree, unfortunately for me the client wants a PDF. What better alternatives can you recommend?

[#7]

There is a way with a button and a javascript to have the appearance toggle on and off. I have sent you a file to examine

[#8 · Accepted solution]

Here is the link to example of button and javascript

Link 

[#9]

Brilliant thank you!! This will do the job 🙂 What if I wanted to replace the text 'X' with an image/vector (hand drawn style X) - I assume that can be done by replacing "buttonSetCaption"?

[#10]

Currently, the X is defined in the appearance properties: font, size, and text color. You can change to another font. If you want to change to a specific vector shape, the script would need adjusted. I think if the vector was made into a stamp, this could work instead of a text character.

[#11 · Accepted solution]

You can bring a graphic into Acrobat as a button "field".

1. Save the graphic as PDF.
2. With your project document open In Acrobat, enter Form Edit mode, add a Button field, and open its Properties dialog,
3. On the Appearance tab, set its fill and border colors to None.
4. On the Options tab, set the Layout to Icon Only.
5. Still on the Options tab, under Icon and Label, click Choose Icon and navigate to / select your graphic.

[#12]

That's brilliant thank you! I've got it all sorted now, by using an X stamp from another font. Out of interest is there a way to make the icon visible/hidden, like with the caption? 

[#13 · Accepted solution]

Javascript for showing/hiding fields:

// Show

this.getField("FieldName").display = display.visible;

// Hide

this.getField("FieldName").display = display.hidden;

[#14]

That's brilliant thank you!