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
BedrockMission!

Learn More

View all

Sign in to view all badges

AEM Form not rendering in iFrame

Avatar

Avatar
Validate 1
Level 1
sr1nath
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
sr1nath
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
sr1nath
Level 1

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
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

27-10-2017

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

Answers (3)

Answers (3)

Avatar

Avatar
Validate 1
Level 2
CT1012
Level 2

Likes

7 likes

Total Posts

67 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 5
View profile

Avatar
Validate 1
Level 2
CT1012
Level 2

Likes

7 likes

Total Posts

67 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 5
View profile
CT1012
Level 2

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

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
sr1nath
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
sr1nath
Level 1

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
Ignite 5
Employee
workflowuser
Employee

Likes

136 likes

Total Posts

445 posts

Correct Reply

70 solutions
Top badges earned
Ignite 5
Ignite 3
Ignite 1
Give Back 50
Give Back 5
View profile

Avatar
Ignite 5
Employee
workflowuser
Employee

Likes

136 likes

Total Posts

445 posts

Correct Reply

70 solutions
Top badges earned
Ignite 5
Ignite 3
Ignite 1
Give Back 50
Give Back 5
View profile
workflowuser
Employee

27-10-2017

Did you install Forms add on on the publish instance?