What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to add a check box with date selection?Asked by santanaw on March 17, 2016 at 10:11 AM
I would like a check box selection or whatever works where the day of the week can be selected and then the user is prompted to enter the times.
For eg. please see uploaded document
configurable list widgets CSS custom CSS checkbox textbox
I think this could be achieved by using the Configurable List widget: http://widgets.jotform.com/widget/configurable_list.
You will be able to add a check box and a date input on the same line, here is a guide to configure the widget on your form: http://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget.
Hope this helps.
Okay Thank you. I started however I am having difficulty with how to get the text area part to display on each row instead of going across in the column.
I'm not sure if understood your question, this is how the text are is displaying on the widget:
Could you please elaborate a bit more your question?
How would you like to display this field?
I need it to display like below: (or it can go across whichever way works). The days of the week would be check boxes and the area beside them need to be textboxes.
I believe what you wanted is the same as what my colleague, Ben, have explained on this thread, Can-we-combine-checkbox-with-a-textbox. However, that was done without the help of the Configurable List widget.
If you still want to use the Configurable List widget, please check this form that I have created: https://form.jotform.com/60774388744974
Please feel free to clone it and inspect the General tab and the Custom CSS tab of the Configurable List widget on the form.
Let us know if you need any further assistance. Thank you.
Awesome! Thank you so much!