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.

Hide Field Name

  1. All
    Member

    Is there a way to hide the field name on fields?

    Posted 12 years ago on Monday March 26, 2012 | Permalink
  2. You can leave the field label blank and specify an admin label in the advanced section of the field OR hide it by adding a CSS Class Name and set the title display to none in your themes css.

    For all fields you can try adding the following to your css

    .gform_wrapper .top_label .gfield_label {
    display: none !important;
    }

    Posted 12 years ago on Monday March 26, 2012 | Permalink
  3. All
    Member

    thanks for your insight and help.

    Leaving the field name blank results the input field left aligning http://www.gravityhelp.com/forums/topic/field-input-left-align-when-no-field-name

    ? - would specifying an admin label override the column header of the exported cvs data?
    ? - Fairly unfamiliar with gf. If you could provide some specific steps in hiding the field it would be appreciated. I tried using this helpful article http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/ but the important part of the article where "Can I create my own classes?" didn't have any references in creating these custom classes.

    thanks again.

    Posted 12 years ago on Monday March 26, 2012 | Permalink
  4. From what I understand specifying an admin label will override the default form field label. So your visitors see one label and you see another. You can then specify your notification email to display the admin labels by using merge tags.

    http://www.gravityhelp.com/documentation/page/Merge_Tags

    OK So i duplicated what you want.

    First. I would recommend you name all your fields something meaningful

    Name of point of Contact
    Name of point of Contact #2
    Name of point of Contact #3

    Click advanced in the form field and enter a css class name (example 'nameblank'). This should only be entered for the fields that you want to hide the label for ie #2 & #3

    paste the following in your themes stylesheet:

    .nameblank .gfield_label {
    display: none !important;
    }

    .nameblank {
    padding-left: 178px !important;
    }

    Save the stylesheet. The changes should now be made. The first css code block hides the labels. The second block sets the padding. You can change the padding value to suite your needs.
    using this method you dont have to enter a admin label.

    Apologies for my bad coding in advance.

    Posted 12 years ago on Monday March 26, 2012 | Permalink
  5. David Peralty

    Instead of leaving your field name blank you could put:

     

    It is the html code for a space.

    Hopefully though Shonari's example will help get you closer to what you want though.

    Posted 12 years ago on Thursday April 26, 2012 | Permalink