Question

Table with checkboxes

Forms Laserfiche Ideas How To Answers Site

Updated August 21, 2018

asked on August 16, 2018 • Show version history

I'm trying to put together an availability table inside of a form. Days of the week in column 1, column 2 labeled as AM with a checkbox below for each day, and a PM in column 3 setup with the checkboxes like the AM. Issue I'm running into is it will not allow you to have a checkbox per column and row (14 total, seven in each column) without a label for each checkbox. I tried a space as a placeholder, but the checkbox still doesn't show on the form preview. Does anyone have any suggestions? Maybe put a period or dash to make the checkbox show, and have some javascript to hide the text. Just trying to think outside the box. Any help or guidance would be greatly appreciated. See image for what I'm trying to accomplish.

Thanks,

Bill

table.PNG (7.61 KB)

| Download

1 0

Answer

SELECTED ANSWER

replied on August 17, 2018

Hi Bill,

What you're trying to accomplish can be done with CSS. First you'll want to give your Availability table a CSS Class. We'll use that to specify we only want to hide the labels for the checkboxes in the table (otherwise we would hide all of the checkbox labels on the form). To add a CSS Class edit the Table, go to Advanced, and enter a class in the box like below (classes are case-sensitive).

Then go to the CSS and Javascript tab on your form and enter the following code in the CSS box:

.MyTable label.form-option-label {display: none;}

Replace MyTable with whatever CSS Class you chose.

It might be helpful to still type in a label, like AM and PM, so that you can capture the user's input as metadata later if you need to.

Hope this helps!

4 0

replied on August 21, 2018

This is what I was looking for. Thanks for taking the time to answer this in such detail!

0 0

Replies

replied on August 16, 2018

Is there a reason you are using a checkbox? Would you be able to put a drop-down list with Yes and No options? Or drop it to one column and the drop-down could be AM, PM or Both. Could you change the check boxes to a drop-down of times?

0 0

replied on August 16, 2018 • Show version history

Try putting in a non breaking space as the placeholder text.

&nbsp;

0 0

replied on August 21, 2018

This works as well! Thank you for answering!

0 0

replied on August 20, 2018

I agree that the easiest way would be to add the labels and then hide them with CSS!

0 0

replied on August 21, 2018

Thank you all for your input on my question above. I learned a lot from you all!

0 0

You are not allowed to follow up in this post.

Question

Question

Table with checkboxes

Answer

Replies

Sign in to reply to this post.