Field label position settings on forms 2.0

Alexis_D_Alba1
Level 5

Field label position settings on forms 2.0

Is there a way to change the field label position for each field individually? I know that I can change all the fields on a form to either above or left in the form settings, however, I would like to postion one label to the left while keeping the rest of the labels above.

Does anyone know if this is possible?
Tags (1)
13 REPLIES 13
SanfordWhiteman
Level 10 - Community Moderator

Re: Field label position settings on forms 2.0

Sure, (almost) anything's possible using CSS. Post a link to your form.
Ravi_Ansal2
Level 6

Re: Field label position settings on forms 2.0

Hi Alexis D'Alba​,

I was facing the same problem, so here is what I have done:

I used the form alignment as  left and for the Label that needed to be on top I used Rich text and removed the label text from the original label Text.

let me know if you want any help to align your form.

Alexis_D_Alba1
Level 5

Re: Field label position settings on forms 2.0

Thank you so much! I will try this next time I set up a form. Sounds like a great solution.

Anonymous
Not applicable

Re: Field label position settings on forms 2.0

Alexis D'Alba​ If the solution works, can you click on "Correct Answer" for the post.

SanfordWhiteman
Level 10 - Community Moderator

Re: Field label position settings on forms 2.0

While concepts like Ravi's will work I find them cumbersome to maintain, especially with the absolute positioning and the need to create extra RT fields.

You can do this with simple CSS: MktoForms2 :: Mixed Alignment - JSFiddle

In this example, the form as a whole is set to "Layout Above" but two fields are overridden so that are "Layout Left".  Should be easy to understand.

Anonymous
Not applicable

Re: Field label position settings on forms 2.0

Hi, I have the same question...I do not know CSS so will Ravi's solution work better? @ Ravi, I am not sure what you mean by use Rich Text and delete the label text. Here is what I am trying to create (email preference center):

pastedImage_0.png

SanfordWhiteman
Level 10 - Community Moderator

Re: Field label position settings on forms 2.0

You don't need to know CSS, really, just copy the example.

I find my method easier to maintain. But I'm prejudiced.

SanfordWhiteman
Level 10 - Community Moderator

Re: Field label position settings on forms 2.0

Also, based on your other question, you are asking about restyling the form. So you can't avoid CSS -- that's how it's done.

Anonymous
Not applicable

Re: Field label position settings on forms 2.0

Thank you! So I need to copy your MktoForms2 :: Mixed Alignment - JSFiddle​ and put it in the HTML?