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.

In-line checkboxes?

  1. madhatter
    Member

    Hello! I used a suggestion on another forum post to get the checkboxes to appear inline, but now I need the boxes to appear to the right of the field label. I will have a whole list of questions that need the three checkboxes to the right of the question. See this image: http://www.madhatterdesigncompany.com/files/form.jpg

    Here is what I have so far: http://nwwatersystems.com/form-test-1/

    Thanks in advance!

    Posted 13 years ago on Monday December 13, 2010 | Permalink
  2. I would suggest just sticking with the top label format as it allows for better readability. With different length questions, the checkboxes are staggered at the end of the list. You may even end up with a line-wrapping situation.

    With the checkboxes inline below the label, their placement is more consistent and easier to read.

    If you would like, you can use the latest release candidate version of 1.5 and take advantage of the "ready classes" styles for the checkboxes. In this particular case, the "gf_list_inline" seems the most appropriate. If you don't want to update to the 1.5 version yet, you can still download it, view the forms.css file and copy the "gf_list_inline" classes to your theme stylesheet.

    http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

    If you're really determined to have the checkboxes inline with the main label, you'll need to float the label left so that it aligns with the UL that contains the checkboxes.

    Posted 13 years ago on Monday December 13, 2010 | Permalink
  3. madhatter
    Member

    Thanks very much! I just upgraded so I'll play around with the ready classes and see what I can do! :)

    Posted 13 years ago on Monday December 13, 2010 | Permalink