Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

AEM Form not rendering in iFrame

sr1nath
Level 1
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
smacdonald2008
Correct answer by
Level 10
Level 10

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

View solution in original post

0 Replies
workflowuser
Employee
Employee

Did you install Forms add on on the publish instance?

smacdonald2008
Correct answer by
Level 10
Level 10

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

View solution in original post

sr1nath
Level 1
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.

CT1012
Level 4
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...