Be able to inject easily CSS classes on Form fields, labels, columns and rows | Community
Skip to main content
Grégoire_Miche2
New Participant
January 28, 2018
New

Be able to inject easily CSS classes on Form fields, labels, columns and rows

  • January 28, 2018
  • 4 replies
  • 4820 views

On the the main difficulties with styling forms is that it is quite difficult to distinguish form elements apply various styling to them.

@Sanford Whiteman​ has provided some very powerful solution using tags but the limit of it is that your CSS needs to know in advance the fields that are used in the form and their layout.

The whole form styling would be much easier if, on any field in the form designer, we could add class to the input field itself, to it' label, to the form column and the form row :

These class would automatically be injected into the form html.

This is a functionality that many CMS offer, and I simply got inspired by these

-Greg

4 replies

flashflood7
New Participant
June 18, 2021

Has this ever been solved?? I'm baffled that Marketo has not implemented something like this yet, and if they have I missed it 🤷‍♂

New Participant
February 4, 2020
No text available
New Participant
March 27, 2018

This is sorely needed. The default form markup is a complete mess and bloated.

Grégoire_Miche2
New Participant
March 27, 2018

HI Andrew,

workaround here: Better styling of forms : yet another framework

-Greg

Grégoire_Miche2
New Participant
January 30, 2018

Better yet, the list of classes that could be made available should be set in the admin, by admins, and end users would only have to pick them in multi-valued picklists.

-Greg

New Participant
February 1, 2018

Would this assume that operational marketers know what CSS classes within the schema mean? I'm wondering if that might be too much to ask. Or would it be a matter of selecting one and testing in their browser?

Grégoire_Miche2
New Participant
February 1, 2018

My comment is that the list of usable classes would be set by admins and users would select the classes and test in the browser, indeed.

-Greg