Javascript code for landing page form rendering across web browsers

Michelle,

Due to the way that Marketo landing pages are built (absolute positioning, non-standard DOM rendering), there is no "one size fits all" piece of code to make pages differently based on device. That being said, Marketo's system should support al modern browsers with its default coding.

I'm with Jason on this one. You don't need a special JS file to make marketo render properly. What problems are you facing to request such a script?

Below are screenshoots. We are having issues on ipad specially. not sure what else to do besides move the space down, approve and check....not doable at all! Any ideas?

Hey Michelle-
Without seeing the desktop version of your site, the thing that sticks out the most immeidately is the "* are required" running into First Name. What I suspect is that Webkit uses  a slightly different sizing for line-spacing than a PC does. This happens to me all the time with Marketo pages. My Mac & my PC render the page & fonts differently, so I have to be aware not to produce pages which are too tightly fitted. This is the basic problem with absolutely positioned documents, they have no awareness of their neighbors so they don't flow properly. 

Javascript isn't really going to fix this, perhaps some custom script can be written to resize linespacing depending on user-agent, but that's not out-of-the-box. If it were me, I'd either just move my form down a few spaces so that the linesizing doesn't matter. Or I'd spend a long time looking at my CSS & adding reset values. 

This is like getting a cat to solve a mouse problem. Sure the cat can potentially catch & eat the mouse. But if you stop leaving food on the table you're just as likely to see the mouse leave. It can be done either way, but just remember once you get the cat it's big and eats a lot. :) Just like a custom javascript will eat into your DOM capacity and make your webpage much slower to process on all devices.