Touch UI listeners

[pallavis8124480]

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

[edubey]

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

[smacdonald2008]

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

[pallavis8124480]

Thank you (Y)

[pallavis8124480]

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

[edubey · Accepted solution]

I think what you are looking for is this:

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

[pallavis8124480]

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

[Luc_Rochefort]

This link is broken...

[arunpatidar]

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/