Skip to main content
Inspiring
May 29, 2023
Question

Indesign how to change interactive button color so it stays that color after being clicked?

  • May 29, 2023
  • 1 reply
  • 3925 views

Hello,

I am hoping someone can shed some insight please. I have 2 interactive buttons (Tabs in my document) that change color when I hover over them or click (I used the "on Release or Tap" event in the Buttons panel). They change color when cursor hovers and on initial click, but they immediately revert back to the original color as soon as you move the cursor away. I would like these buttons / tabs to stay the "clicked on color" while the I am on that particular "button's page". I would like each button to hold the "clicked on color" until the reader selects a new page or new button to click, instead of reverting back to the original color. Any insight would be apprecaited thank you!

 

This topic has been closed for replies.

1 reply

Community Expert
May 29, 2023

When they click it - they go to a new page.

So all the pages should have the current page button set to that colour. 

And all the other pages should be set to the 'off colour' - when you hover it changes colour - click it brings you to the page with where the colour is already applied.

Inspiring
May 29, 2023

Hi, thank you for your response, however let me rephrase so you understand what I am asking / hoping to accomplish. There does not seem to be an option within the Buttons Panel that allows for "normal" appearance to change over to the differernt color and just "stay that color". There are only 3 appearance options (normal, rollover, click). Neither of these options allows my button to stay in it's "changed color" beyond a few seconds of "rollover". I specificallty want them  to stay the new color —color change permanent when selected. I don't mean just the appearance when just rolled over or clicked on.

Here is an example of another Publish Online document that shows exactly what I am talking about — they have accomplished keeping their tabs in their "clicked on color". So I know it can be done, I just don't know how?

 

Here is an example (see screenshot) — where they use numbers 1,2,3,4 _ when clicked they bring a new page of text into that same layout but you can visually see that the bright blue number denotes the sub-page you are on.

If you know how to do this, I would be hugely appreciative.

Thx!

 

 

Inspiring
May 29, 2023

The tabs are set to different colours depends on which page you are on. There is no interactivity besides navigating to a different page. For example, on their '3. Presenting' page the '3. Presenting' tab is styled with a blue background, so when you on that page the tab shows blue.