Expand my Community achievements bar.

Nomination window for the Adobe Community Advisor Program, Class of 2025, is now 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

Avatar

Level 10

Great replies.

Avatar

Level 10

For general AEM mutli-field info - see these docs:

1 - Scott's Digital Community: Creating a HTL Repeating Data Set 6.3 Component that uses Sling Models

2 - Building Experience Manager Components using Granite/Coral Resource Types

These both show use of granite/ui/components/coral/foundation/form/multifield