Embedded Adaptive Form in external webpage doesn't load clientlibs | Community
Skip to main content
manpreetk908
manpreetk908
June 13, 2022
Solved

Embedded Adaptive Form in external webpage doesn't load clientlibs

  • June 13, 2022
  • 1 reply
  • 1457 views

I referred to the adobe documentation https://experienceleague.adobe.com/docs/experience-manager-64/forms/adaptive-forms-basic-authoring/e... to embed an adaptive form in an external webpage hosted outside of AEM: The form is loading however, the associated clientlibs are not loading on the webpage and I can see errors like - '/etc.clientlibs/fd/af/runtime/clientlibs/toggles.lc-7eb9f7fc74e166c421a752303c78f41f-lc.min.js 404 (File not found)'.

 

Any idea/pointers on how to load the form styles would be helpful.

 

Regards,

Manpreet

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 Pulkit_Jain_

@manpreetk908 

We may have to narrow down the issue first:

1. Is it an issue with this theme ONLY? You can check if the standalone adaptive form renders as expected with this theme? 

If this is a custom theme then you need to configure the AEM forms container component to use this theme.

2. If the standalone form renders fine, please inspect any Forms component on the external webpage to check what CSS is loaded if it's not the expected clientlib? I suspect there could be a conflict here.

 

1 reply

Pulkit_Jain_
Adobe Employee
Pulkit_Jain_Adobe EmployeeAccepted solution
Adobe Employee
June 13, 2022

@manpreetk908 

We may have to narrow down the issue first:

1. Is it an issue with this theme ONLY? You can check if the standalone adaptive form renders as expected with this theme? 

If this is a custom theme then you need to configure the AEM forms container component to use this theme.

2. If the standalone form renders fine, please inspect any Forms component on the external webpage to check what CSS is loaded if it's not the expected clientlib? I suspect there could be a conflict here.

 

    manpreetk908
    manpreetk908Author
    June 13, 2022

    Thanks for your prompt reply @pulkit_jain_. We are not using any custom theme and the form is created using OOTB form components which are rendering as expected in AEM. Also, I am just trying this using a simple Python HTTP server and I don't suspect any CSS-related conflict.

     

    The problem is that the embedding of form using AJAX seems to be just sending plain form content on the external web page without respecting any styles and edit rules that we have defined.

     

    Regards,

    Manpreet

      Pulkit_Jain_
      Adobe Employee
      Pulkit_Jain_Adobe Employee
      Adobe Employee
      June 13, 2022

      Manpreet

      We may have to review the configs, and how you're embedding the AF in the page. Please share the embedded code and the HAR logs for the attempt. Also, what is the version of AEM Forms you're using?

      For a quick turnaround, please raise a support ticket so that we can connect over a screen share session.

        Terms & ConditionsAccessibility statement

        Loading footer...