AnsweredAssumed Answered

iFramed narrow form using mobile style

Question asked by Chris Vandermarel on Jul 8, 2014
Latest reply on Jul 10, 2014 by Chris Vandermarel
Hello,

I am trying to iFrame a form into our Website in a narrow piece of body content. The width of the body is 470px, thus I am iFraming the form at 470px. Using firebug I can see that at 480px and narrower the /js/forms2/css/forms2.css stylesheet (not user editable as far as I can tell) is called in and implements a mobile style which sets field widths to 100% and places labels above their fields. This totally breaks my style and just doesn't look good on my iframed page. Obviously the iframe doesn't allow the landing page to inherit the screen width and the landing page treats the iframe width as the screen width.

Has anyone encountered this and found a solution?

Outcomes