Showhide in multifield from dropdown outside multifield | Community
Skip to main content
R
Ronnie09
Level 6
June 17, 2022
Solved

Showhide in multifield from dropdown outside multifield

  • June 17, 2022
  • 2 replies
  • 776 views



I have one dropdown outside the multifield with 2 option With Image and without image

if I select with Image in dropdown 
Multifield should come up with Text area and Image
If I select without Image
Multifield should come up with only Text Area

Using AEM Showhide it is not working. Please guide me with custom JS to solve this issue

NOTE- Cannot use 2 multifield as we have used Min and Max item in multifield which is min-2 and max-8. 

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 ShaileshBassi

Hi,

Try creating out the clientlibs which will take the event from the dropdown select and hide the field by using the class.

Reference for coral ui 3 select dropdown event change javascript

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-handle-the-coral-ui-3-select-drop-down-change-event-in/m-p/368416

I tried out the selection change using the category "cq.authoring.dialog" and the below js and it worked for me. 

 

 

Thanks

2 replies

arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
June 17, 2022

Hi,

Can you check if this helps

https://github.com/arunpatidar02/aem63app-repo/blob/master/js/dropdownshowhide-multifield.js 

Arun Patidar
    R
    Ronnie09Author
    Level 6
    June 17, 2022

    @arunpatidar 

    This JS I tried but it is not working, when dropdown is outside the multifield.

     

    This Works when Dropdown is inside the multifield.

    If you have any example where it is used in any component where dropdown is outside. Please share that, would help

     

      ShaileshBassi
      Community Advisor
      ShaileshBassiCommunity AdvisorAccepted solution
      Community Advisor
      June 17, 2022

      Hi,

      Try creating out the clientlibs which will take the event from the dropdown select and hide the field by using the class.

      Reference for coral ui 3 select dropdown event change javascript

      https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-handle-the-coral-ui-3-select-drop-down-change-event-in/m-p/368416

      I tried out the selection change using the category "cq.authoring.dialog" and the below js and it worked for me. 

       

       

      Thanks

        Terms & ConditionsAccessibility statement

        Loading footer...