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.

repeating field groups while using gf_inline

  1. I have a form in which I need to have multiple lines each with two fields per line. You can think of this similar to an invoice with multiple line items and columns. For my example I simply need a "date field" and a "no show?" field for each line, and eight sets of these lines. I would like to use the Ready Class "gf_inline" for these but I'm not sure how I break/clear one line from the next as all the fields stack as long as there is space for them. Here's a crude visual representation of what I would like to accomplish:

    [date1 class="gf_inline] [no_show1 class="gf_inline"]
    [date2 class="gf_inline] [no_show2 class="gf_inline"]
    [date3 class="gf_inline] [no_show3 class="gf_inline"]
    etc....

    However it looks like this
    [date1 class="gf_inline] [no_show1 class="gf_inline"] [date2 class="gf_inline] [no_show2 class="gf_inline"] [date3 class="gf_inline]
    [no_show3 class="gf_inline"]

    I tried a gf_left_half and a gf_right_half but the horizontal space between them is way too much for the small fields.

    I know I can target each individual field for this specific form but I was hoping to avoid that and use some kind of "clear" to make this work. I noticed a clear won't work b/c these property is display:inline-block and not a float. Any suggestions for a quick fix?

    Thanks

    Posted 8 years ago on Monday August 15, 2011 | Permalink
  2. What you want to do probably isn't possible without some custom CSS to target the fields and style them the way you want to. Because these are inline-block which is what the inline CSS does there isn't a clear option as you mentioned. So your only option is going to be some custom CSS to style things the way you want them.

    We have a cool new field coming in Gravity Forms v1.6 that you may be able to leverage for this. It's a List Field which will support multiple columns and all users to enter a list of data.

    Posted 8 years ago on Monday August 15, 2011 | Permalink
  3. Thanks for the reply. Looking forward to the new List Field!

    Posted 8 years ago on Monday August 15, 2011 | Permalink

This topic has been resolved and has been closed to new replies.