Contact time table

Dear Sir or Madam

I have created the following form for customers asking vor telephone contact/support.

I am looking for an input table, like it already exists in jotform, but I would like to be able, to prevent from selecting certain time ranges (could be more than one per day), where support is already busy.

I wonder, if you know a way to achieve this.

Thank you!

If I understood your concern correctly, you would like to make disable some checkboxes that refer a time range for each day.

You can achieve this by injecting custom CSS.

How to Inject Custom CSS Codes

***********************

For example, you would like to disable 16-18 time range for Monday and would like to disable 10-15 time range for Tuesday.

In this case, you will need to know the field id in order to apply some CSS codes to field.

How to Find Field IDs and Names

The field ID of the input table is #input_5.

Since the input table is a matrix, there is a field ID for each cell too.

So if you want to refer Monday 8 am. you need to use #input_5_0_0 

green highlighted part refers to the row order. (each row and column starts with 0)

Blue highlighted part refers to the column order.

->If you want to refer Tuesday 10 am. you need to use #input_5_1_2

************************

In order to disable each desired checkbox.

1) Go to Form Designer-> CSS tab and paste the following code:

#input_5_0_8, #input_5_0_9 , #input_5_0_10

{/*disable 16-18 time range for Monday */

display: none;

} 

#input_5_1_2, #input_5_1_3 , #input_5_1_4, #input_5_1_5, #input_5_1_6, #input_5_1_7

{/*disable 10-15 time range for Tuesday */

display: none;

} 

this is the result :

Demo form:

https://form.jotform.com/80743811323956

Please do not hesitate to clone it if you need to:

How to Clone an Existing Form from a URL

I hope it helps.