Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
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