Skip to main content
LJDM
LJDM
Known Participant
May 19, 2017
Question

Can I use a group of images as radio buttons?

  • May 19, 2017
  • 1 reply
  • 424 views

Hi all.

I'm pretty new to Javascript, but with a little technical aptitude and a lot of browsing on this forum, I've been able to create a somewhat complex form in Acrobat DC (Windows). The form functions as an interactive product ordering tool for office chairs. Initially, I setup the different chair options (fabric, headrest style, armrest style, etc.) in dropdown menus, with the selection auto-populating price/part number fields elsewhere in the form using both the export value and item name, along with document-level setValues scripts.

For a better UX, I'm now hoping to switch to image buttons, where the user would click on an image of their chosen fabric and the same auto-population throughout the form would occur. For each option/image group, only one item could be chosen, just like a group of radio buttons.

Is this even possible?

Please let me know what additional information I can provide to help you help me. Thank you in advance for any assistance you're willing to give! !

This topic has been closed for replies.

1 reply

G
George_Johnson
Inspiring
May 19, 2017

It's possible to do something like that using regular buttons along with some custom JavaScript. Exactly how you'd implement it depends on how you want the appearance to change when an item it selected and deselected. For example, you might want to change the border color when selected and remove it when not. Or an alternate/different appearance could be shown when selected.

    LJDM
    LJDMAuthor
    Known Participant
    May 19, 2017

    Thank you for the reply, George. Yes, I would want to change the border color when an image is selected. Ideally, a deselected image would have no border at all (white?) and the selected image would have a black border.

    Additionally, I'd want the ability to have none of a group selected when the file is opened, or when a 'Reset' button is clicked. I already have the Reset button configured and working well in the current iteration of the form.

    What custom JavaScript can be used to accomplish this with regular buttons? Mainly, how would I dictate that only one button in a group can be selected?

    Thanks again for your input.

    G
    George_Johnson
    Inspiring
    May 20, 2017

    I'll try to put together and post a sample some time this weekend that you can use as a guide.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices