Show hide dropdown | Community
Skip to main content
A
ArchanaVijayakumar
June 30, 2020
Solved

Show hide dropdown

  • June 30, 2020
  • 2 replies
  • 1256 views

I have used two shoe hide drop-down in a component when I choose one of the drop-down value the show hide option also reflects on the other drop-down too...

 

Is there any solution.. Thanks in advance

 

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 Varun_Shakya

Here you might have provided the same ''class"  property to targeted fields,

which you have used in Dropdown property(cq-dialog-dropdown-showhide-target)

 

Create different value for this(cq-dialog-dropdown-showhide-target) property for both the dropdowns and target the fields respectively.

2 replies

Nirmal_Jose
Adobe Employee
Nirmal_JoseAdobe Employee
Adobe Employee
June 30, 2020

You need to use different target div ID to keep it separate. Check out https://levelup.gitconnected.com/aem-conditionally-show-or-hide-fields-in-touchui-dialogs-with-coral-3-ie-aem-6-3-bfd48c261012, a great article by Theo

    Varun_Shakya
    Community Advisor
    Varun_ShakyaCommunity AdvisorAccepted solution
    Community Advisor
    June 30, 2020

    Here you might have provided the same ''class"  property to targeted fields,

    which you have used in Dropdown property(cq-dialog-dropdown-showhide-target)

     

    Create different value for this(cq-dialog-dropdown-showhide-target) property for both the dropdowns and target the fields respectively.

      Terms & ConditionsAccessibility statement

      Loading footer...