Desktop/Mobile Unique Forms? | Community
Skip to main content
Tom_Keefe3
Tom_Keefe3
Level 1
August 7, 2018
Question

Desktop/Mobile Unique Forms?

  • August 7, 2018
  • 1 reply
  • 1519 views

Hi Everyone,

Does anyone know if it is possible to have one LP that presents "different" forms on desktop vs mobile renders?

My theory is I have a form with 5 form fields, all required which appears on the normal page. However when loaded on a mobile device, this form shrinks to 2 fields, both of which are required.

Has anyone done this?

1 reply

SanfordWhiteman
SanfordWhiteman
Level 10
August 7, 2018

As you've correctly anticipated, the problem isn't collapsing the form 5 fields to 2. This can be done using CSS as part of basic responsive design. The problem is that only hiding the 3 required fields using CSS doesn't make them any less required.  Thus what you also need to do is have those 3 fields not be required in Form Editor, but rather use the Forms JS API to require them (in an onValidate listener). With just a few fields, this is easily done.

    Terms & ConditionsAccessibility statement

    Loading footer...