Is there a way to put form labels (inline) with the field instead of on top (the default position)?

[#1 · Accepted solution]

Yes, @russtanner6. The easy option is to delete the label and have it as placeholder text. 

[#2]

Good idea. Are there any usability issues that  will come up by doing this?

[#3]

@justserve No. You might have to update your CSS though.

[#4]

Hi Aakar Ani,

I have marked First name field to be mandatory. When i delete the text from label and add it to the placeholder text, still i can find the asterisk (*) in the label field basically it should show next to the placeholder text right ? I want to delete it even that asterisk from the label.

And the second thing i want to know that how can i hide error msg display in the form. I want to show only the text box border in red color not the error msg please.

Please find the below image url for your reference: 

https://prnt.sc/pb3t1a

Thanks,

Kareem.

[#5]

Hi @MohammedKareem 

You've to hide those asterisk (*) & error message with CSS. If you're familiar with CSS, you can use the following code or something similar.

For asterisk (*)

.hs-form-required {

     display: none;

}

For error message: 

label.hs-error-msg {

     display: none;

}

Thanks.