Label Position - Post ID 267784

User 2796854 Photo


Registered User
44 posts

Web Form Builder gives you one option only to position ALL your labels. They all have to be in the same position.

I need to position labels differently for different elements.

Any idea how to do this?

Thanks,

Tim
User 187934 Photo


Senior Advisor
20,181 posts

You can do it with custom css after export. I some times place an html element and use that for testing then remove it and locate the css properly after export. Another option is Jquery.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2796854 Photo


Registered User
44 posts

Hi Eric,

can you help with an example two text fields - one label on top and the other on the left?

I took a look at the code I see the difference is in fb-toplabel vs fb-leftlabel but not sure how to apply.

Thanks!!

Tim
User 187934 Photo


Senior Advisor
20,181 posts

Hi Tim,
I through together a quick example that uses three ways to position labels.
http://progrower.coffeecup.com/forms/overide-labels/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2796854 Photo


Registered User
44 posts

HI Eric,
Thank you the info.
What is the code to specify the location of the label (left vs top)?
Thanks a again.
Tim
User 187934 Photo


Senior Advisor
20,181 posts

Ok I updated the form with another example showing how to make the label display in line with the input. You will have to experiment with positioning as there is going to be so many styles to set depending on need. I attached my form.
It should be enough to give you the idea on how to target each element.
http://progrower.coffeecup.com/forms/overide-labels/
Attachments:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2796854 Photo


Registered User
44 posts

That was exactly what I was looking for.

Thank you, kind sir, for sharing your knowledge.

Regards,

Tim

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.