Displaying fields based on selection of dropdown inside a Multifield in Coralui 3

[berni7473]

Hi All,

I'm trying to create a component which has a multifield. Inside this I have a dropdown, based on selection of a value in this I want to show/hide two textfields. Currently I'm working on AEM 6.4 version and I want the same to be done using Coral UI 3 dialog structure. As per the below dialog on selection of "Mail" value from the dropdown, I need to hide the "PreLink Text" and "PostLink Text" fields.

Regards,

Bernadine

Arun Patidar​ smacdonald2008​

[arunpatidar · Accepted solution]

Hi,

go with Adobe Experience Manager Help | Dynamically modifying an Adobe Experience Manager Touch UI Dialog

to check how to do show hide for non multifield and do below changes like

1. Move those text field inside well(step 51 in above article) to combined and apply show hide to well

2. use this js to show hide for multifield aem63app-repo/dropdownshowhide-multifield.js at master · arunpatidar02/aem63app-repo · GitHub

3. check this for help AEM6.4 - Multifield with Show hide dropdown changing all the items

[AnthonyHarris721]

Arun, I was able to get that code working how ever the on load part is not quite working for me out of the box. I ended up adding a javascript time out of 2 seconds and then it started working.