Product list widget & save/continue button

  • John_Costanza
    Asked on September 19, 2020 at 12:19 PM

    I've built my first form - "Wish List"

    1) is there anyway to use more than one product list widget per form?

    2) why is the save & continue button white (blank) (unlike the other buttons using the same button style & color etc.)

    Thanks

  • VincentJay
    Replied on September 19, 2020 at 2:04 PM

    1) is there any way to use more than one product list widget per form?

    Unfortunately, you can only add one Product List field to your form. You can categorize the products by following this guide: https://www.jotform.com/help/733-How-to-Add-Product-Categories-to-Payment-Fields

    Please try it and let us know if you have any questions.

    2) why is the save & continue button white (blank) (unlike the other buttons using the same button style & color etc.)

    Let us know what color do you want, we can try creating a custom CSS code for the Save button in order to change the button style.


  • John_Costanza
    Replied on September 19, 2020 at 4:07 PM

    Re Product List widget, alternatively can I link 2 or more forms together with a button ("Next Form") where the user can go to a next form?

    re: save button, I changed the form background & can see it -- would still prefer it look like the others, but is okay for now

  • John Support Team Lead
    Replied on September 19, 2020 at 5:41 PM

    Re Product List widget, alternatively can I link 2 or more forms together with a button ("Next Form") where the user can go to a next form?

    You can redirect the user to the next form using this method: Redirecting-Users-to-a-Different-Page. But this will only work if the user will submit the first form.

    Now, if you mean you want to have like a hyperlink in the form that when the user clicked will take him to another form, I think that's possible by manually creating a hyperlink using the PARAGRAPH field. Here's an example: https://link.jotform.com/v8YYjBH46z

    As you can see in the video, I added a hyperlink that will take the user to GOOGLE.COM when he clicked the link.

    Here's the html code I used:

    <a href="https://google.com" target="_blank">INSERT LINK TEXT HERE</a>

    Just replace the URL with the form's URL.

    re: save button, I changed the form background & can see it -- would still prefer it look like the others, but is okay for now

    You can just change the background color of the SAVE button instead of the form's. Here's a code you can use:

    button#input_scl_173 {

      background: #a7c8a8;

    }

    1600551595 5f667aaba09a9  Screenshot 10

    Just choose your preferred color here and copy the color code: https://www.color-hex.com/ and use it as the value of the background property in the code I provided above. Then inject it to your form. Here's a guide on How-to-Inject-Custom-CSS-Codes

  • John Costanza
    Replied on September 20, 2020 at 11:36 AM

    re: the product list

    I'm allowing users to select multiple items 

    Is there a way to filter the items selected in order to shorten the list which can be lengthy 

    Your conditional settings don't show the list items 

  • Yvette_L
    Replied on September 20, 2020 at 12:25 PM

    Re Product list:

    You can certainly add a search box to the Product List so it makes it easy to filter items in it, please see guide here how to do that.

    Please let us know if you have any more queries, thank you!


  • jaco99
    Replied on September 20, 2020 at 12:32 PM

    I have the search & filter (by category) which is fine, but I'm wanting a custom filter to only show the "checked items" so the user can see a shorter list of items they chose

  • Flavio_A
    Replied on September 20, 2020 at 1:40 PM

    Hi, @jaco99

    Unfortunately, we do not have such a feature right now on the product list widget.

    You could use a workaround by replacing the product list with regular fields, then create conditions to exhibit text-only fields with the names of the previously selected items. Please check this guide for further information on how to set a conditional logic:

    https://www.jotform.com/help/57-Smart-Forms-Conditional-Logic-for-Online-Forms

  • Flavio_A
    Replied on September 20, 2020 at 1:40 PM

    Hi, @jaco99

    Unfortunately, we do not have such a feature right now on the product list widget.

    You could use a workaround by replacing the product list with regular fields, then create conditions to exhibit text-only fields with the names of the previously selected items. Please check this guide for further information on how to set a conditional logic:

    https://www.jotform.com/help/57-Smart-Forms-Conditional-Logic-for-Online-Forms