how to set the 'useiframe' property in aemform

Avatar

Avatar

prabudossh

Avatar

prabudossh

prabudossh

09-09-2019

Hi,

We faced an issue of custom built AEM form not rendering in the mobile after embedding into the page. The form itself was rendering fine but when embedded into the page, the form inside the page didn't render in mobile. Then i noticed this property 'useiframe = true|false' for aemform (see screenshot below) in crxde and set it to 'false'. So the iframe surrounding the <div class="aemformcontainer" .../>  is removed and then it started rendering in mobile

useiframe.png

But I dont know how to set this property without going into crxde. There is no dialog found for this property in aemform container when setting up in the page.

Appreciate any pointers on how to set this up by the author or if there is any alternate way of achieving the mobile rendering through some other means?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

prabudossh

Avatar

prabudossh

prabudossh

13-09-2019

cool, will try this option and let you know

Answers (4)

Answers (4)

Avatar

Avatar

prabudossh

Avatar

prabudossh

prabudossh

17-09-2019

It works!

Avatar

Avatar

varadha_rajk378

Avatar

varadha_rajk378

varadha_rajk378

12-09-2019

You can use the option 'Form covers entire width of the page'. If checked, this will disable the iFrame and render the form on the embedded HTML webpage. Option will found in the AEM Form Container component (once you add the form to a webpage).

Avatar

Avatar

prabudossh

Avatar

prabudossh

prabudossh

09-09-2019

AEM 6.3.3

Avatar

Avatar

Mayank_Gandhi

Employee

Avatar

Mayank_Gandhi

Employee

Mayank_Gandhi
Employee

09-09-2019

Kindly confirm what version of AEM are you using?