PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Use the Gravity Verification

  1. Gavin

    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.

    Posted 9 years ago on Saturday March 12, 2011 | Permalink
  2. 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.

    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 9 years ago on Saturday March 12, 2011 | Permalink
  3. Gavin


    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 :
    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 9 years ago on Sunday March 13, 2011 | Permalink
  4. 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:

    This is how it looks on the front end.


    If you use the "right label" option, they're still inline, but right justified next to the inputs.


    If that's not what you're looking for, let me know.

    Posted 9 years ago on Sunday March 13, 2011 | Permalink
  5. Gavin

    Oh I see, thanks. hehe.. Its funny that I dont see it. I have another question, how can I edit the break section, I want the line to be above the text not under text? Thank you.

    Posted 9 years ago on Sunday March 13, 2011 | Permalink
  6. 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 9 years ago on Monday March 14, 2011 | Permalink