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.

Creating a 5 Column, Multiline form

  1. I am trying to create a form that looks like a timesheet. I am creating a top line with two columns (Name and Today's Date) and then a 5 column look underneath it.

    The 5 columns underneath are going to be Date, Shift, Overtime, Cancelled? and Total Hours. What I'd like to do is just have the headings at the very top and then about 20 empty boxes beneath each heading where employees can enter their information. Something like this: http://www.generalblue.com/portals/0/image_printable_employee_timesheet.png

    I have started the form here: http://texans.lonestarmultimedia.com/texans-employees but am getting confused about how I might be able to do that with Gravity Forms. Any help would be greatly appreciated.

    Posted 12 years ago on Thursday May 24, 2012 | Permalink
  2. David Peralty

    What about using something like the List field to keep things looking neat and tidy? You wouldn't be able to have the Date field at the start, but it could work out well for you. Go to Advanced fields, add a list field, enable multiple columns, set max rows to 20. It will default to only show one row, but then they can add as many as they need.

    Or, you can keep going the way you are going, but you'll have to work on your CSS styling because your form looks good, you'll just need to continue adding in your needed fields.

    Posted 12 years ago on Thursday May 24, 2012 | Permalink
  3. Thanks for the quick reply.

    I'm a little confused by your reply about the List Field. When I go into Form Settings > Advanced I only see options for Form Button (Default or Image), Conditional Logic, CSS Class, Limit # of Entries, Schedule Form, Enable Anti-Spam Honeypot, Enable Animation and Require User to Be Logged In.

    I don't see anything that says anything about List Field, multiple columns or max rows. Where are those?

    Posted 12 years ago on Thursday May 24, 2012 | Permalink
  4. It's not in the form settings, its a field type that is listed under the "Advanced Fields" in the formbuilder to the right. There is a List Field for use.

    Posted 12 years ago on Thursday May 24, 2012 | Permalink
  5. Is there a way to make each column in the list export into separate cells?

    Posted 12 years ago on Friday May 25, 2012 | Permalink
  6. Do you have examples of CSS for displaying form fields horizontally (e.g. 5 columns wide) instead of all vertically?

    Posted 12 years ago on Thursday May 31, 2012 | Permalink
  7. You can use the ready classes for that:
    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 12 years ago on Thursday May 31, 2012 | Permalink
  8. David Peralty

    lonestar - unfortunately not, but it has a separator in it that you can sort out data with.

    Clifford - Have a look at the following - http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes
    You should be able to take the details here and extrapolate for as many columns as you want using CSS.

    Posted 12 years ago on Thursday May 31, 2012 | Permalink