Need help with error on this widget

  • Profile Image
    travisauyoung
    Asked on February 24, 2020 at 06:16 PM

    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.

     

     

    Screenshot
  • Profile Image
    EltonCris
    Answered on February 24, 2020 at 09:01 PM

    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.

  • Profile Image
    travisauyoung
    Answered on February 25, 2020 at 11:50 AM
    Hello,
    If I click save, it automatically adds another field to fill in and will require to save again.
    Sincerely,
    Travis Au Young
    ...
  • Profile Image
    travisauyoung
    Answered on February 25, 2020 at 12:08 PM

    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.

  • Profile Image
    BDAVID
    Answered on February 25, 2020 at 01:55 PM

    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.

  • Profile Image
    travisauyoung
    Answered on February 25, 2020 at 02:04 PM

    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?

     

  • Profile Image
    BDAVID
    Answered on February 25, 2020 at 03:30 PM

    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

    1582662576fieldsconfiguration.png

    Let us know if you need more help.

  • Profile Image
    travisauyoung
    Answered on February 25, 2020 at 07:56 PM

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

  • Profile Image
    EltonCris
    Answered on February 25, 2020 at 09:11 PM

    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:

    1582683048022620_15444.png

  • Profile Image
    travisauyoung
    Answered on February 26, 2020 at 12:17 PM

    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?

  • Profile Image
    BDAVID
    Answered on February 26, 2020 at 01:51 PM

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

    1582743031changelable.gif

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

  • Profile Image
    travisauyoung
    Answered on February 26, 2020 at 07:56 PM

    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?

  • Profile Image
    EltonCris
    Answered on February 26, 2020 at 09:13 PM

    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