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

[Aakar · Accepted solution]

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

[justserve]

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

[Aakar]

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

[MohammedKareem]

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.

[Aakar]

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.