Touch UI listeners | Community

pallavis8124480

Level 3

Solved

Touch UI listeners

8 replies
4485 views
Translate

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.

edubeyAccepted solution

Level 10

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/

Translate

Arun Patidar

Level 2

This link is broken...

Translate

pallavis8124480Author

Level 3

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

Translate

edubeyAccepted solution

Level 10

I think what you are looking for is this:

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

Translate

pallavis8124480Author

Level 3

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

Translate

pallavis8124480Author

Level 3

Thank you (Y)

Translate

Level 10

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

Translate

Level 10

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

Translate