AEM Forms Cloud Service client libs | Community
Skip to main content
Level 5
June 7, 2023
Solved

AEM Forms Cloud Service client libs

  • June 7, 2023
  • 2 replies
  • 822 views

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".

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by ksh_ingole7

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-functions-aem-forms.html?lang=en

 

Thanks

2 replies

Sady_Rifat
Community Advisor
Community Advisor
June 7, 2023

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-experience-manager-forms-community 

Thanks

aravindSAuthor
Level 5
June 7, 2023

Thank you @sady_rifat , let me track in both in places

ksh_ingole7
Community Advisor
ksh_ingole7Community AdvisorAccepted solution
Community Advisor
June 7, 2023

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-functions-aem-forms.html?lang=en

 

Thanks