I'm trying to make a straight forward ebook in Indesign cs5.5 for a touch screen, consisting of a series of images. The only functionality it needs to have for now is browsing up and down.
I made two big rectangular buttons with opacity set to 0%, 1/3 of the from the right of the screen = next, 1/3 from the left of the screen = previous page.
All works, but now there's this ugly default dashed line that pops up every time you tap one of the buttons. I can't find anything on this topic, but surely there must be a way to hide this? It's weird to have this dotted line overuling my designed rollover states.
Flash does not suffer from this default button outline, but I would prefer to make a pdf out of it. Any suggestions?
Example of the outline on a mouse click on a Windows Vista machine with Acrobat X or if opened in a browser. (In Safari on OSX I see a grey transprarent rectangle instead of the dashed line).
You're mixing up concepts here.
Or, are you meaning PDF files bcause you're talking about previewing it in Acrobat X. But do you realize that most PDF readers on the iPad don't support buttons either. See by blog posting here: For Interactive PDF, Not All Readers Are Equal
Or, are you talking about the Adobe Digital Publishing system which you would talk about in the DPS forum.
Can you tell what workflow you're trying to use, please.
Ok, so I don't mean ebook. I want to make an interactive pdf(with Indesign) that will be shown trough Adobe Reader on a specifically installed Windows computer with a touch screen.
The issue is this rollover state that seems to be some system default annoying dashed line that interferes with my design. My question is: can this be hidden?
As far as I've seen, any button in a pdf will show a dashed rectangle around the limits of the button on a click, as shown on the screenshot. On a mac I've seen a transparent grey rectangle.
This is not my file but will show the very same thing, (and as far as I've seen this is a default event): http://gilbertconsulting.com/pdf/Build_tool_tips_in_InDesign.pdf
Thanks already for your attention!
The unwanted dashed line happens in Acrobat around buttons when there is an effect like transparency, bevel and emboss, outer glow, etc.applied to the button in Indesign. Removing the effect will eliminate the dashed line. You may be able to recreate the state appearance without the effects and see if this prevents the dashed line.
I see what you mean in the link JomThreethousand posted. Jeffrey is probably correct. I've seen that subtle outline so often I just accept it as one of the ways that Acrobat/Reader display buttons. I don't particularly find it offensive. Each display system has its quirks and that's one of Acrobat/Reader's.
I just noticed something, I removed the effects from a button, but the dashed line is still there in Acrobat. The dashed line appears, but is pretty much the same size of the button, and in this case not as noticeable.
I tried making a button out of a plain solid colored rectangle but will still get the dashed outline.
Offcourse this line is so default you will hardly notice it in most occasions. In my occasion as described in te original post however, it is a quite disctracting vertical line trough the image.
thank u steve,
u mean that this :
"I see what you mean in the link JomThreethousand posted. Jeffrey is probably correct. I've seen that subtle outline so often I just accept it as one of the ways that Acrobat/Reader display buttons. I don't particularly find it offensive. Each display system has its quirks and that's one of Acrobat/Reader's"
is still the answer?
My workaround was to export the presentation from Indesign as a SWF Flash file, which does not have this dotted line. Off course that will not be a suitable alternative in most occasions.
I guess it's something in the native structure of PDF. Hopefully they can get rid of it in new versions.
I have found one interesting answer from John Waller that seems to apply :
« It's called a "focus rectangle" and it's an accessibility feature of modern
browsers to show those who are navigating your site with a keyboard where
the focus is on the page e.g. if the dots appear on the Submit button the
user knows that pressing Enter will submit the form. »