Displaying fields based on selection of dropdown inside a Multifield in Coralui 3 | Community
Skip to main content
B
berni7473
Level 2
July 25, 2019
Solved

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

  • July 25, 2019
  • 1 reply
  • 2645 views

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​

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 arunpatidar

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

1 reply

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
July 26, 2019

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

Arun Patidar
    A
    AnthonyHarris721
    February 5, 2020
    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.
    Terms & ConditionsAccessibility statement

    Loading footer...