Lead Capture Tools

russtanner6
Member

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

SOLVE
 
0 Upvotes
1 Accepted solution
Aakar
Solution
Key Advisor

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

SOLVE

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

 

 

Screen Shot 2019-08-16 at 6.11.48 PM.png

 

 

 

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost

View solution in original post

0 Upvotes
5 Replies 5
Aakar
Solution
Key Advisor

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

SOLVE

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

 

 

Screen Shot 2019-08-16 at 6.11.48 PM.png

 

 

 

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost
0 Upvotes
justserve
Member

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

SOLVE

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

0 Upvotes
Aakar
Key Advisor

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

SOLVE

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

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost
0 Upvotes
MohammedKareem
Member

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

SOLVE

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.

0 Upvotes
Aakar
Key Advisor

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

SOLVE

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.
Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost