Need help with error on this widget

i have on a form "requested items" and i have this filled out and checked it to be required to submit but even with it filled out it will not let me submit the form.  what am i doing wrong?  picture attached.

 

 

You have to click the Save button first before it is considered filled. This is how this widget works.

Example:

Please try it and let us know.

Hello,
If I click save, it automatically adds another field to fill in and will require to save again.
Sincerely,
Travis Au Young
...

Thank you for the response saying to save, but a new field opens up to add another row.  It did work and let me move forward with closing it out but i want to know if i can create two buttons.  1 to save and 1 to add a "row or field"?  this way if a new row is needed they have an option or if not they can just save and move on.

Unfortunately, that widget does not have such an option. You may consider using a different widget, such as the Configurable List widget, which will consider each filled row as a saved one.

Please check my form example: https://form.jotform.com/200555362224952

Let us know if you need more help.

Thank you for your response.  I like that example of that widget you provided.  I am new to jotforms and still learning.  I searched that widget and it looks different.  could you explain how i can modify the widget settings in the general tab to customize it to look like yours.  is there a way to use the form that you modified?

 

Glad to know that you like it. You can configure the widget as shown on this guide: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget

This is the fields configuration I did:

Brand:textbox : Hint Text

Part Type:textbox : Hint Text

Part No.:textbox : Hint Text

QTY.:textbox : Hint Text

Let us know if you need more help.

I noticed my QTY box long and off the page.  how do i resize this?

You can resize the text boxes so it won't overlap on the form. To do that, you can inject the following CSS code into the Config List widget settings.

input[type=text] {

    width: 100px !important;

}

Guide: How to Inject CSS Codes to Widgets

Result:

thank you that worked.  sorry for all the questions but i have one more.  i would like to change the name that appears on the form instead of configurable list and went to properties advanced and changed the widget name and that didn't work.  how can i do this?

 

Do you have a CSS code cheat sheet you can send?

Hi, simply click on it, then remove it, and type the new label, example:

Feel free to ask any question, we will be glad to assist you.

Thank you, i didnt realize it was that simple.  Going back to my second question, is there a CSS cheat sheet of what we can use to program to make it simple?

Here are some of the CSS codes that you can try in your form fields.

http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes