Expand my Community achievements bar.

SOLVED

AEM Forms Cloud Service client libs

Avatar

Level 4

In AEM forms cloud service, there is no option for "code editor". How we can add the custom function for any fields like ajax or custom validations for the field. Or any way to enable the "code editor".

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @aravindS 

 

Follow the below steps 

1. Create a clientlib. Put your custom code in this clientlib. Write different functions for the actions you wish to perform. 

2. Give the clientlib a category name

3. Now in Form give the clientlib category name. You should find this in Basic tab of your Form Container configurations. 

4. Now add rules where you want to trigger the specific function. 

5. For example on click of Submit you need to tigger onClickSubmit() function from your clientlib, then go to rules of Submit button. Add a rule -> On Click -> Function Output and you should see the function name from your clienlib. 

 

Refer to this document : https://experienceleague.adobe.com/docs/experience-manager-learn/forms/adaptive-forms/custom-functio...

 

Thanks

View solution in original post

3 Replies

Avatar

Community Advisor

Hello @aravindS ,
You can post your related problem on specific communities. There you will get more expert opinions regarding your problem.

Adobe Experience Manager Forms: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-forms/ct-p/adobe-experienc... 

Thanks

Avatar

Correct answer by
Community Advisor

Hi @aravindS 

 

Follow the below steps 

1. Create a clientlib. Put your custom code in this clientlib. Write different functions for the actions you wish to perform. 

2. Give the clientlib a category name

3. Now in Form give the clientlib category name. You should find this in Basic tab of your Form Container configurations. 

4. Now add rules where you want to trigger the specific function. 

5. For example on click of Submit you need to tigger onClickSubmit() function from your clientlib, then go to rules of Submit button. Add a rule -> On Click -> Function Output and you should see the function name from your clienlib. 

 

Refer to this document : https://experienceleague.adobe.com/docs/experience-manager-learn/forms/adaptive-forms/custom-functio...

 

Thanks