Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!
SOLVED

Help with AEM multi field

Avatar

Level 1

Hi,

i am new to AEM

my question is how to change the button text which is present inside Multi-field  by default it is "Add" in  AEM(6.4) and "AddField"(AEM(6.3))

Thanks 

1 Accepted Solution

Avatar

Correct answer by
Level 7

Hi,

You can create a custom client library and to have your client library loaded solely for your component dialog, you need to set the property extraClientLibs of your dialog to the category name of the client library you have just created. For more information on how to set extraClientLibs, you can refer to the below link:

AEM Components for the Touch-Optimized UI

Below is the sample js code to change the button text which is present inside Multi-field:

$(function() {

    $(document).on("dialog-ready", function(){

        $('.coral-Multifield .coral-Button--secondary').find('coral-button-label').html('give any text');

});

});

Hope this helps!

Regards,

TechAspect Solutions

View solution in original post

4 Replies

Avatar

Community Advisor

Hi,

You may need to overlay /libs/granite/ui/components/coral/foundation/form/multifield/render.jsp for coral3 Multifield for both AEM6.3 and AEM6.4

Beware this would be a global change, Multifield button text will be change at all the places including dialog.

Thanks

Arun



Arun Patidar

Avatar

Correct answer by
Level 7

Hi,

You can create a custom client library and to have your client library loaded solely for your component dialog, you need to set the property extraClientLibs of your dialog to the category name of the client library you have just created. For more information on how to set extraClientLibs, you can refer to the below link:

AEM Components for the Touch-Optimized UI

Below is the sample js code to change the button text which is present inside Multi-field:

$(function() {

    $(document).on("dialog-ready", function(){

        $('.coral-Multifield .coral-Button--secondary').find('coral-button-label').html('give any text');

});

});

Hope this helps!

Regards,

TechAspect Solutions