Touch UI listeners | Community

pallavis8124480

New Participant

Solved

Touch UI listeners

Forum|Forum|8 years ago
January 3, 2018
8 replies
4478 views

Hi All,

I would like to know how can we use touch UI listeners . I want to achieve something like below :
There are 2 radio buttons (A,B) and there is a text box.
Upon Clicking on radio button A ,text box should be displayed and upon clicking on button B ,text box should be hidden.
By default its hidden.

I also need the same logic for checkbox also.

Please give me some idea how can I implement this.

Thanks,

Pallavi

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by edubey

I think what you are looking for is this:

http://www.adobeaemclub.com/toggle-fields-based-on-selection-in-granite-ui-dialogs/

New Participant

Hi,

Please find similar articles

For Coral2 type - Adobe Experience Manager Help | Dynamically modifying an Adobe Experience Manager Touch UI Dialog

For Coral3/Granite type - https://techrevel.blog/tag/showhide/

Arun Patidar

New Participant

This link is broken...

pallavis8124480Author

New Participant

Yes similar to the link which you have given .
Is there a similar implementation for Radio button and check boxes ?

edubeyAccepted solution

New Participant

I think what you are looking for is this:

http://www.adobeaemclub.com/toggle-fields-based-on-selection-in-granite-ui-dialogs/

pallavis8124480Author

New Participant

Thank you.

But I would like to know if there is any way like the hide show functionality of Dropdown field in List component.

Please find the path below :

/libs/foundation/components/list/cq:dialog

Please let me know if there is any way , I will try this way as well.

Thanks,
Pallavi

pallavis8124480Author

New Participant

Thank you (Y)

New Participant

See Sreekanth's artilce here - he uses Multi field as an example -- Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Sample Coral 3 Multifield Item Listener

New Participant

Have a look at the sample implementation for this scenario is provide here with Image in core component

/apps/core/wcm/components/image/v1/image/clientlibs/editor/js/decorative.click.js

-ref to AEM 6.3