AEM Form not rendering in iFrame

Avatar

Avatar

sr1nath

Avatar

sr1nath

sr1nath

23-08-2017

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

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

27-10-2017

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

Answers (3)

Answers (3)

Avatar

Avatar

CT1012

Avatar

CT1012

CT1012

21-02-2018

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

Avatar

Avatar

sr1nath

Avatar

sr1nath

sr1nath

30-10-2017

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

Avatar

workflowuser

Employee

Avatar

workflowuser

Employee

workflowuser
Employee

27-10-2017

Did you install Forms add on on the publish instance?