Form Builder: Allow percentages on field and label widths.

Form Builder: Allow percentages on field and label widths.

The form builder should really allow for percentage based widths.  This is critical in any sort of responsive site design or template.  I realise that there is a new Mobile Lnading Page feature but this doesn't help when using Embedded Forms on an external site.  We end up having to write really complicated css to overwrite the fixed widths on our site.

7 Comments
Grégoire_Miche2
Level 10

Hi Jeremy,

I agree it would be convenient, but one can easily override the pixel values with % in the CSS of the form or the landing page.

-Greg

Anonymous
Not applicable

Not really easily, the css is written as style attributes which take precedence over external css.

Grégoire_Miche2
Level 10

Hi Jeremy,

have you tried using the "!important" CSS marker ?

-Greg

SanfordWhiteman
Level 10 - Community Moderator

[a] What Greg said.

[b] You can completely destyle a Marketo form using this code: MktoForms2 :: Destyle Marketo form. Then you don't need to worry about any !important overrides or complex CSS and can build up the styles from scratch.

Anonymous
Not applicable

Hi Sanford,

Do you put this code into the Edit Custom or in the Theme Editor or in the landing page itself?

Thank you,

Anita

SanfordWhiteman
Level 10 - Community Moderator

LP itself.

kh-lschutte
Community Manager
Status changed to: Open Ideas