Need to show and hide a field description based on the drop-down selection

Question

I'm using AEM 6.5 and I want to show the field description only for "no-image" drop-down value.I want to hide the field description for rest of all drop-down selection.Kindly let me know an option to do this activity (i.e., show and hide the field description based on drop-down selection.). ThanksSHYAMSUNDAR TK

Anudeep_Garnepudi · Accepted Answer

@samsundar23

Use below dialog listener code snippet.

jQuery(document).on("dialog-ready", function() {
    $("[name='./banner-style']").on("change", function (e) { 
        if (e.target.selectedItem.value === "no-image") {
            $(e.target).closest(".coral-Form-fieldwrapper").find("coral-icon").show();
            $(e.target).closest(".coral-Form-fieldwrapper").find("coral-tooltip").show();
        } else {
            $(e.target).closest(".coral-Form-fieldwrapper").find("coral-icon").hide();
            $(e.target).closest(".coral-Form-fieldwrapper").find("coral-tooltip").hide();
        }
    });
});

ChitraMadan · Answer

Hi @samsundar23 , Please refer to this very nice article by @theopendle - https://levelup.gitconnected.com/aem-conditionally-show-or-hide-fields-in-touchui-dialogs-with-coral-3-ie-aem-6-3-bfd48c261012

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded