Javascript code for landing page form rendering across web browsers

Highlighted
Anonymous
Not applicable

Javascript code for landing page form rendering across web browsers

Does anyone know what javascript code to use so that the Marketo landing page forms will render correctly across on all web browsers as well as mobile devices? Thanks!
Tags (1)
4 REPLIES 4
Highlighted
Anonymous
Not applicable

Re: 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.
Highlighted
Anonymous
Not applicable

Re: Javascript code for landing page form rendering across web browsers

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?
Highlighted
Anonymous
Not applicable

Re: Javascript code for landing page form rendering across web browsers

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?


0EM50000000PsTr.jpg






0EM50000000PsTw.jpg
Highlighted
Anonymous
Not applicable

Re: Javascript code for landing page form rendering across web browsers

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.