Wussten Sie, dass wir eine deutschsprachige Community haben?

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

lösung
Mitwirkender
 
Antworten
0 Like / Likes
Akzeptierte Lösung / Akzeptierte Lösungen

Akzeptierte Lösungen
Spezialist

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
Antworten
0 Like / Likes
5 ANTWORTEN 5
Spezialist

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
Antworten
0 Like / Likes
Mitwirkender

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

Antworten
0 Like / Likes
Spezialist

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

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost
Antworten
0 Like / Likes
Mitwirkender

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.

Antworten
0 Like / Likes
Highlighted
Spezialist

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