Hi, Im a new user of GravityForm. Here is the situation, I made my first form, my problem is my client wants the form to be similar with a certain registration form. Ive tried to edit the CSS to make it looks like the said registration form but I got no luck. My problem is on how the label and the input are aligned, I need to make the label and the input field inline to each other. As Ive searched the forum, I found the thread saying that you are not supporting that kind of format. So Ive decided to make my custom HTML/PHP form as my solution, but of course I want to use the GravityForm, so can you please tell me how can I use the Verification in GF to use on my custom form. I know I can make it but it takes so much time, can you guyz help me? Thank you.
Use the Gravity Verification
-
With a little effort you can style the forms pretty much any way you would like. Without seeing an example of the form your client wants to emulate, it's difficult to give you any specific guidance though.
If you're talking about a simple email signup type form - that's something that has been discussed here on a few occasions.
http://www.gravityhelp.com/forums/topic/trouble-positioning-submit-button-inline#post-19798
If you're simply talking about putting the labels inline with the fields, under the form settings there is an option for "left label" or "right label" that will switch the form to that kind of layout.
If you'd like to share an example of what you're trying to do, and a URL to your current Gravity Form, I will be happy to take a look and give you some pointers.
Posted 13 years ago on Saturday March 12, 2011 | Permalink -
Gavin
MemberHi,
Oh really, okay I cant show you the example, but Ill try to give you a picture of it, its something like this:
The form I need to mimic:
"label : [textfield]"
Name : [________________________]The form I have:
"label :
[textfield]"
Name :
[___________________________]Does that make sense? What I want is to make the label inline with the text field, I mean all the input fields like, textfield, radio button, checkboxes, drop-down, etc. I am editing the CSS on my Pagelines but it doesnt updated, I know Im using the correct css class. Can you give me some pointers? I will appreciate it. Thank you.
Posted 13 years ago on Sunday March 13, 2011 | Permalink -
Yeah, unless I'm missing something, it sounds like you just want the "left label" layout which is an option you set per form.
admin screenshot: http://grab.by/9rA4
This is how it looks on the front end.
screenshot: http://grab.by/9rA7
If you use the "right label" option, they're still inline, but right justified next to the inputs.
screenshot: http://grab.by/9rAb
If that's not what you're looking for, let me know.
Posted 13 years ago on Sunday March 13, 2011 | Permalink -
Are you referring to the line that appears underneath a Section Break field by default? If so try adding the following CSS to your themes stylesheet:
.gform_wrapper .gsection {border-bottom: 0!important; border-top: 1px dotted #cccccc;}
Please note I did this from memory so you may have to tweak it a bit along with the color, line type, etc. so suit your needs.
Posted 13 years ago on Monday March 14, 2011 | Permalink
