Highlighted

Toggle appearance of button javascript

Community Beginner ,
Sep 09, 2020

Copy link to clipboard

Copied

Hi, 

 

First time poster! I've got a lot of experience in VBA but naff all in javascript.

 

Is it possible to toggle the visibility of a button on the click? I've tried event.target.display = display.hidden which works fine to hide it but I can't unhide it.

 

I've tried:

 

if(event.target.display = display.hidden){event.target.display = display.visible
} else {event.target.display = display.hidden}

 

but it doesn't work. 

 

I'm assuming this is possibly because the user can't actually click the button when it's hidden?

 

Is there any work around for this? For example, instead of the button being hidden, it could go to a transparent background when the file is open and then when it is clicked it reverts back to it's original state? When it is clicked again it goes back to being transparent?

 

Any help greatfully received!

 

Topics

Acrobat SDK and JavaScript

Views

45

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Toggle appearance of button javascript

Community Beginner ,
Sep 09, 2020

Copy link to clipboard

Copied

Hi, 

 

First time poster! I've got a lot of experience in VBA but naff all in javascript.

 

Is it possible to toggle the visibility of a button on the click? I've tried event.target.display = display.hidden which works fine to hide it but I can't unhide it.

 

I've tried:

 

if(event.target.display = display.hidden){event.target.display = display.visible
} else {event.target.display = display.hidden}

 

but it doesn't work. 

 

I'm assuming this is possibly because the user can't actually click the button when it's hidden?

 

Is there any work around for this? For example, instead of the button being hidden, it could go to a transparent background when the file is open and then when it is clicked it reverts back to it's original state? When it is clicked again it goes back to being transparent?

 

Any help greatfully received!

 

Topics

Acrobat SDK and JavaScript

Views

46

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 09, 2020 0
Adobe Community Professional ,
Sep 09, 2020

Copy link to clipboard

Copied

As you correctly said, a button that is hidden cannot be clicked on, so any script that you associate with this button. You would need another button or another form element that would restore the visibility of that button. 

 

In general, this is the script you would use:

 

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

 

But again, this has to come from outside of the button. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 09, 2020 0
Community Beginner ,
Sep 09, 2020

Copy link to clipboard

Copied

Thanks for the feedback Karl. I've had a chat with a friend and she's suggest using layers, so on click of the button the layer appears and on second click it disappears. Hopefully that'll solve the problem.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 09, 2020 0
Adobe Community Professional ,
Sep 09, 2020

Copy link to clipboard

Copied

Hi, 

 

This was answered to another user yesterday by try67 in the following thread :

 

 

You can test with the file that the user shared (if it is still shared, of course). But from what you're asking :

 

  • I'm assuming this is possibly because the user can't actually click the button when it's hidden?

 

That's correct. So, if you refer to the sample file in the link above you'll notice that the user implemented the concept of dedicating a button to handle that behavior in another field, not on itself.

 

However, your idea of making it transparent and solid color seems doable if you're considering to apply the condition on the field itself.

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 09, 2020 0
Most Valuable Participant ,
Sep 09, 2020

Copy link to clipboard

Copied

The first thing to learn about JS is that unlike VBA it has different operators for comparing and assigning values.

You assign values using "=" and compare values using "==" (or "===").

So in this line:

if(event.target.display = display.hidden)

You're actually setting the field as hidden, not checking if it is hidden...

Change it to:

if(event.target.display == display.hidden)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 09, 2020 0
Adobe Community Professional ,
Sep 09, 2020

Copy link to clipboard

Copied

I forgot to add to your question:

 

  • Is there any work around for this? For example, instead of the button being hidden, it could go to a transparent background when the file is open and then when it is clicked it reverts back to it's original state? When it is clicked again it goes back to being transparent?

 

In the field properties--->> "General" tab I set my button field as "Visible but doesn't print" (this is optional depending on your needs).   

 

Then I  used mouse-up events for both the "Open a file" action and to change the color field property of the button to transparent. 

 

Putting these two actions under the same mouse event type executes as if it was  a single task.

 

  • NOTE: For the color transparent mouse-up action  the following script:

 

 

event.target.fillColor = color.transparent;

 

 

To bring back the color field property of the button I use a mouse-enter event script:

 

event.target.fillColor = color.ltGray;

 

 

This is very simple and convenient since all you have to do is hover with the mouse pionter over the button field and it will turn to color light gray again.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 09, 2020 0
Adobe Community Professional ,
Sep 09, 2020

Copy link to clipboard

Copied

Can we take a step back? Let's discuss why you are trying to hide the button. This will very likley result in a number of different appraoches you can take to accomplish the same. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 09, 2020 0