Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Coral UI radio group tag<> is not working in pop up dialog: AEM DAM

Avatar

Level 1

Hi All,

when I am trying to create a custom pop up dialog in AEM DAM using Coral UI API tags, then It is creating a radio field,dam_asset_radio_popup.PNG

however, when I am adding another tag to create a radio group, it is not rendering radio fields.

but I have checked in Coral UI API, it is working as expected.

Coral_UI_radiobutoon.PNG

Please let me know if there any other way we can implement radio group as custom dam asset pop up window.

Thanks,

Mayank

3 Replies

Avatar

Community Advisor

Hi ,

I checked in AEM 6.3 , it is working fine. which AEM version are you using?

Screen Shot 2018-07-02 at 2.25.26 PM.png

Though just for test I created dialog using JS and invoking on dialog submit,

How are you creating prompt

//

(function (document, $, ns) {

    "use strict";

    $(document).on("click", ".cq-dialog-submit", function (e) {

        e.stopPropagation();

        e.preventDefault();

         var radioButton='<coral-radio name="RadioOptions" value="option1">Option One</coral-radio><coral-radio name="RadioOptions" value="option1">Option two</coral-radio>';

        ns.ui.helpers.prompt({

          title: Granite.I18n.get("Download Assets"),

          message: radioButton,

          actions: [{

                    id: "OK",

                    text: "OK",

                    className: "coral-Button"

                }],

          callback: function (actionId) {

                if (actionId === "OK") {

                }

            }

        });

    });

})(document, Granite.$, Granite.author);

//

Thanks

Arun



Arun Patidar

Avatar

Level 1

Thanks Arun for the reply.

I have created the popup on click of coral button.But it is not working for me.

And I am using AEM 6.3

Do we have any other way to do this?

Thanks,

Mayank

Avatar

Community Advisor

you can use the sample code which I've shared.

you may face the caching issue please write console.log or alert function to debug.



Arun Patidar