Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

AEM Form not rendering in iFrame

Avatar

Level 1

Hi,

I am using the "AEM Form" component (/libs/fd/af/components/aemform) on a page and configuring it to select a form path. See AEM 6.2 Forms Help | Embed adaptive form or document in AEM sites page for details. Form is rendered in iFrame, unless I select the checkbox on component dialog to display in full width.

(As I have  a requirement to display multiple forms on the page, they are rendered in iFrames. Multiple forms cannot be rendered full width on same page. The article linked above talks about it)

On author instance, I have the iFrame rendering on the page fine. If I pull the url from "src" attribute on iFrame and put on browser window, I could see the form displayed.

<!-- Author Page -->

<iframe id="aemFormFrame"

src="https://dev.author.xxxxxxxxx.com/content/yyyy/en/sd/landing-page/_jcr_content/parContent/cta_campaig..."

width="100%"

data-form-page-path="/content/forms/af/yyyy/SDTest1"

scrolling="no"

style="overflow: hidden; height: 2085px;">

</iframe>

I published the Form and the Page containing the form components.

On publish site, form is not rendered. Inspecting the source shows, the url to iFrame is similar to author instance but when I put it on a browser, it throws a 404 page.

<!-- Publish Page -->

<iframe id="aemFormFrame"

src="https://dev.xxxxxxxxx.com/content/yyyy/en/sd/landing-page/_jcr_content/parContent/cta_campaign_form/..."

width="100%"

data-form-page-path="/content/forms/af/yyyy/SDTest1"

scrolling="no" style="overflow: hidden;">

</iframe>

Error I see for the iframe url:

aem-form-ticket.png

Further, I see chrome browser complaining about loading mixed content for iFrame requested content:

aem-form-error.png

I allowed the browser to load mixed content (http & https), but still the form is not rendered in iFrame.

As this is working fine on Author, should I publish anything else to make it work on Publish site?

Thanks

1 Accepted Solution

Avatar

Correct answer by
Level 10

This looks like you do not have all the content loaded on the Publish instance.

View solution in original post

5 Replies

Avatar

Employee Advisor

Did you install Forms add on on the publish instance?

Avatar

Correct answer by
Level 10

This looks like you do not have all the content loaded on the Publish instance.

Avatar

Level 1

I am sorry, I could not reply sooner.

I found that dispatcher has some rules which is blocking some requests on Publish instance. Once I unblocked the requests on dispatcher, form is loading fine on Publish instance.

Thanks for your inputs.

Avatar

Level 1

I am facing this same issue. Can you help me with the dispatcher rules which were blocking the form to load on publisher?

Avatar

Level 4

Hey

Even we're unable to load the core metrics through iframe. W're using AEM 6.3

What are the rules you unblocked on dispatcher.... We're using Microsoft IIS...