Skip to main content
Participant
December 1, 2017
Question

Overlapping button problem

  • December 1, 2017
  • 5 replies
  • 3887 views

I have 3 buttons that have hover state that slightly overlap causing the over state to appear on 2 of the buttons at the same time.

Does anybody have a solution to this problem? I cannot change my design, it is need to be a technical fix, please.

Is there a fix for button that slightly overlap? Thank you in advance

This topic has been closed for replies.

5 replies

Participant
March 6, 2024

Allocate each button in different layers. 

BobLevine
Community Expert
Community Expert
March 6, 2024

That accomplishes nothing! This discussion is 6-years-old and I'm going to lock it.

Community Expert
December 1, 2017

Note for anyone who views example PDFs, you need to download and view in Reader/Acrobat. Interactive PDF viewed with browser plugin does not work.

vinny38
Legend
December 4, 2017

Hi Jeffrey.

This is a "FYI" comment...

I have seen this question last week and I thought I could come up with something using basically the same trick than you.

But I did not manage to make it work just like you did. Overlapped parts where still messy.

I couldn't figure out why, and finally gave up, assuming hover action just did not work properly.

Then I saw your example today that just work perfectly.

So I was very puzzled...

It took me a while to figure out that... Acrobat Pro is guilty... while Reader works fine...

Why? I just don't know...

But this is the first time (for me) when Acrobat Pro acts in a less realiable way than Reader.

See in action:

Community Expert
December 1, 2017

Here's a workaround, see Example Files of an Indesign file and PDF. The buttons have hide and show actions added.

Anna Lander
Inspiring
December 1, 2017

the link leads to a blank page

Steve Werner
Community Expert
Community Expert
December 1, 2017

It's blank for me as well.

Anna Lander
Inspiring
December 1, 2017

looks like you made your buttons to become bigger in hover state. Well, try to decrease scaling, or use the color changing instead of the scale.

If they overlap "slightly", then the task is just to define the precise scale settings.

BobLevine
Community Expert
Community Expert
December 1, 2017

Change the design…it’s your only option. If it’s not an option, you have no options.