https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table Gravity Support Forums Topic: Creating a schedule of availability table en-US Sun, 19 Apr 2026 18:36:03 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-92245 Sat, 17 Nov 2012 03:43:59 +0000 Chris Hajer 92245@https://legacy.forums.gravityhelp.com/ <p>You could do something like this without too much work. There is a CSS ready class of gf_list_inline which will allow you to put all 7 checkboxes on one row. Then, hide the labels (Monday - Sunday) and then unhide the time slots (6am-9am, etc.)</p> <p>Then, add an html block above the checkbox fields, with a left margin of 32% to mimic the left label of your time slots below.</p> <p>Here is some of the CSS I used (my form is ID 210):</p> <pre><code>[css] /* hide the labels for days of the week checkboxes */ body #gform_fields_210 label { display: none; } /* now display the timeslots */ body #gform_fields_210 label.gfield_label { display: block; } /* space out the inline checkboxes a little */ body #gform_fields_210 .gfield_checkbox li { width: 40px!important; } /* space out the individual days of the week in the html block */ body #gform_wrapper_210 li.gfield_html span { display:inline-block; float:left; width:50px!important; }</code></pre> <p>There are some pointers. Let us know where you get stuck.</p> <p>Be sure to use "left label alignment" on the form settings. And also, I wrapped each day in a span in the html block, so I could control their width. </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-91692 Fri, 16 Nov 2012 00:02:20 +0000 shmula 91692@https://legacy.forums.gravityhelp.com/ <p>Thanks, I figured that much. My question was on how could I build that with gravity forms. Any creative way to go about it? Tips? Advice? </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-91600 Thu, 15 Nov 2012 17:08:56 +0000 David Peralty 91600@https://legacy.forums.gravityhelp.com/ <p>There is not a built-in way to build a grid like that currently. </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-91575 Thu, 15 Nov 2012 15:36:38 +0000 shmula 91575@https://legacy.forums.gravityhelp.com/ <p>I'm looking to also build an availability grid. How can I build something like this?</p> <p><a href="https://dl.dropbox.com/u/2523586/availability-grid.PNG" rel="nofollow">https://dl.dropbox.com/u/2523586/availability-grid.PNG</a> </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-20533 Mon, 14 Mar 2011 12:30:44 +0000 Carl Hancock 20533@https://legacy.forums.gravityhelp.com/ <p>This isn't currently supported as a built in feature. It's specialized functionality and the data structure Gravity Forms uses to store entry data would make this difficult.</p> <p>We do plan on looking into how to add functionality like this to a future release. At the very least, via some sort of List Field. It's definitely a field type we plan on adding. </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-20462 Sat, 12 Mar 2011 18:36:54 +0000 Edwin 20462@https://legacy.forums.gravityhelp.com/ <p>My question maybe related, but I'm trying to create a grid with multiple columns<br /> Example:<br /> | Name | Title | Email | Phone |<br /> | | | | |(+) (-) &lt;--- user clicks (+) to add another row and so on.</p> <p>You already have this functionality with the User Registration Add-on when maping Buddypress with GF fields.<br /> Any way to create this?</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-10874 Wed, 06 Oct 2010 20:26:43 +0000 Kevin Flahaut 10874@https://legacy.forums.gravityhelp.com/ <p>Okay, I was tinkering and ended up recreating your form and building the grid. I was working locally so it's not a live URL, but here's a couple of screenshots of the form in the admin and on the front end in Thesis 1.8.</p> <p><a href="http://dl.dropbox.com/u/688846/gravityhelp/beckys_grid_adminview.png" rel="nofollow">Admin Screenshot</a> | <a href="http://dl.dropbox.com/u/688846/gravityhelp/beckys_grid.png" rel="nofollow">Front End Screenshot</a></p> <p>You'll notice I used the inline HTML blocks to add additional HTML content around the fields to pull it off. I also dropped an inline style block in the first HTML field to add the extra CSS rules.</p> <p>Since it's easier to show than just tell, I exported the form so you can download it from the link below and see how it's all done. It's not really that difficult to do and once you've seen it, you'll get the idea.</p> <p><a href="http://dl.dropbox.com/u/688846/gravityhelp/beckys-gravityforms-export-2010-10-07.xml" rel="nofollow">Download Sample Form (XML)</a> </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-10871 Wed, 06 Oct 2010 18:22:19 +0000 Kevin Flahaut 10871@https://legacy.forums.gravityhelp.com/ <p>You can't just add input fields in the HTML area to begin with, the form doesn't work that way, you'd have to create fields in the admin for each piece, then use the html blocks to wrap some content around it I suppose to create the grid.</p> <p>You could look at using the CSS display table properties on the container elements to build the grid. It would still take a bit of work to pull that part off in that format</p> <p><a href="http://www.ehow.com/how_4623438_use-css-display-table-row-display-table-cell-properties.html" rel="nofollow">http://www.ehow.com/how_4623438_use-css-display-table-row-display-table-cell-properties.html</a> </p> https://legacy.forums.gravityhelp.com/topic/creating-a-schedule-of-availability-table#post-10869 Wed, 06 Oct 2010 18:13:57 +0000 ljauss 10869@https://legacy.forums.gravityhelp.com/ <p>I am trying to create the following a form in Gravity to mimic a client's existing (and honestly, not functioning) job application.</p> <p>Specifically, I am trying to create the availability grid that exists here: <a href="http://www.beckyspetcare.com/jobs_application.html" rel="nofollow">http://www.beckyspetcare.com/jobs_application.html</a></p> <p>on the form I am creating here: <a href="http://www.plaidhousebuilding.com/beckyspetcaretest/employment-application/" rel="nofollow">http://www.plaidhousebuilding.com/beckyspetcaretest/employment-application/</a></p> <p>Using the fieldset that the previous maker used creates text boxes that are extremely long and don't line up with the grid. Any ideas on how to do this? Thanks in advance!</p> <p>LJ </p>