Any ideas of adding a price option for the ddSlick Dropdown widget?

  • dbizzle
    Asked on August 11, 2016 at 3:39 PM

    I like the look of ddSlick Dropdown widget.  Good looking layout, pics look good, place for description, but I loose my pricing.

     

    Any ideas to tweak the native dropdown to look like ssSlick dropdown or add pricing option to it?

    James

  • Welvin Support Team Lead
    Replied on August 11, 2016 at 4:55 PM

    Unfortunately, it's not possible to do it using the basic dropdown. You can add HTML elements in the option box of the basic dropdown, but it's not recommended due to formatting issues. You can do the following workaround instead to show a price for the ddSlick Dropdown widget options:

    1. Add a textbox field or a calculation widget in the form. If you're going to use the calculation widget, keep the equation box blank. 

    2. Add a conditional logic to update the textbox/calc widget wit the price based on the ddSlick dropdown option/value. Please read the following guide on how to add the condition:

    https://www.jotform.com/help/268-How-to-Insert-Text-or-Mathematical-Caculation-into-a-field-using-a-Condition

    Here's an example on how you should add the condition:

    Any ideas of adding a price option for the ddSlick Dropdown widget? Image 1 Screenshot 20

     

    Here's my test form: https://form.jotform.com/62235013323946

    I hope that helps.

  • dbizzle
    Replied on August 11, 2016 at 9:11 PM

    So I tried this 2 ways:

    1.  Basic dropdown with Calculation Values in the dropdown.  I added a Form Calculation widgit and tried to have it total the values of the items as they were selected from the multiple dropdowns.  This is not working.

    2.  Attempted to use the Calculate Fields wizard in the Form Calculation Wizard to add up the amounts as items were selected from the multiple dropdowns and the amount is showing, but the calculation is wrong.  Perhaps I am not putting in values correctly.

    Any ideas of adding a price option for the ddSlick Dropdown widget? Image 1 Screenshot 20

    Link to form: https://form.jotformeu.com/62236989086369

     

  • Nik_C
    Replied on August 12, 2016 at 2:50 AM

    Please try deleting the $ sign from the calculation values in the dropdown. Also, you should try implementing the solution my colleague suggested with the conditions, not the calculation fields. 

    I have created a test form for you with two dropdowns and a result field:

    https://form.jotform.com/62241807955965

    The conditions are looking like this:

    Any ideas of adding a price option for the ddSlick Dropdown widget? Image 1 Screenshot 20

    You should create the same conditions for all the fields in your form.

    Let us know if you need more information

  • dbizzle
    Replied on August 12, 2016 at 12:01 PM

    I still can't get this to work.  I'm sure it does, but for some reason it isn't working for me.

    This is our first form and we are evaluating JotForm to decide on purchasing the service.  If I can't get this to work, then I have to look at other solutions.  Is there a way you can look at my account and examine what I am not doing properly?

  • Nik_C
    Replied on August 12, 2016 at 1:37 PM

    I have cloned your form and I can see that you have changed the dropdown fields to the radio buttons. You should be able to use them with a calculation field with no problem. However, I see that you have left the 0 for the first field in a couple of radio buttons. Please check if all the checkboxes need to have the 0 for the first calculation value since with radio buttons you do not have a blank choice like with a dropdown.

    Any ideas of adding a price option for the ddSlick Dropdown widget? Image 1 Screenshot 20

    I have created a form with a calculation based on your form.

    Please take a look and let us know if this is what you are trying to achieve:

    https://form.jotform.com/62245034946961

     

    We'll wait for your response.

    Thank you

  • dbizzle
    Replied on August 12, 2016 at 1:41 PM

    I did not change any fields to radio buttons.  I want to use dropdown fields.  I would love not to have a blank field at all and start each dropdown with a selected value, but I don't know how to do that.

    I will input the 0 into each dropdown box.

  • dbizzle
    Replied on August 12, 2016 at 1:49 PM

    Still not functioning properly.  It does put a total in the Total Field, but the total is not correct.  In fact, it is subtracking some amounts.

  • Nik_C
    Replied on August 12, 2016 at 2:17 PM

    I apologize, it seems that I have implemented this on your other form. I assume it is because in that form you are using the radio buttons and the first value in the radio buttons is sometimes zero so when you select it the zero is in the calculation. 

    To set the drop down value to be preselected please follow this guide:

    1.Go to dropdown preferences

    Any ideas of adding a price option for the ddSlick Dropdown widget? Image 1 Screenshot 30

    2. Click on the advanced tab

    3. Set the Selected by default option to the option you want

    Any ideas of adding a price option for the ddSlick Dropdown widget? Image 2 Screenshot 41

    Could you please analyze and confirm that the behavior that you want is the one in this form:

    https://form.jotform.com/62241807955965

    We will try implementing this solution on your form as soon you confirm that this is what you want.

     

    If you have any problems please don't hesitate to contact us.

     

    Thank you

  • dbizzle
    Replied on August 12, 2016 at 2:44 PM

    Yes.. this is what I want.  I do have each Dropdown>Advanced>Selected by Deault filed populated. 

    If we get this working, the only additional fields that will need to be on form is a Misc Additions and a Misc Discounts fields that the boss can add additional amounts or subtract additional amounts to.

     

    Thanks for your help.

  • David JotForm Support
    Replied on August 12, 2016 at 4:10 PM

    It looks like there was a deleted field in your calculation in addition to the calculation values for the model field still containing "$" characters.  I removed the "$" characters and updated the calculation in my test form to the most recent fields and it looks to be working properly:

    https://form.jotform.com/62246335812958

    If this is the correct calculation, you can clone the form to your own account if you'd like:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

  • dbizzle
    Replied on August 12, 2016 at 4:24 PM

    I am not working with the radio button form.  Here is the link to the form:

    https://form.jotformeu.com/62236989086369

     

  • Welvin Support Team Lead
    Replied on August 12, 2016 at 4:58 PM

    The calculation is now correct based on the default options. I think you've figured this out already. Just one thing, your conditional logics are the same. You may consider removing the other to avoid any conflict there.

    Any ideas of adding a price option for the ddSlick Dropdown widget? Image 1 Screenshot 20

    Another thing, your "Entry System" dropdown only have two (2) calculation values, should be three (3) I think. 

  • dbizzle
    Replied on August 12, 2016 at 5:51 PM

    So i understand.  I have to do the Update/ Calculate Field for each Dropdown and I should adjust the logic to have all the other fields except that one in the Insert box?

  • Welvin Support Team Lead
    Replied on August 12, 2016 at 7:22 PM

    Actually, you can get the total without adding the conditional logic. Just use the calculation widget directly, add all the dropdowns in the equation. If you want to get the total based on a field answer then the conditional logic is needed. But based on your form, I don't think you purposely need the condition. 

  • dbizzle
    Replied on August 13, 2016 at 9:11 AM

    If I want to use 2 additional fields - one where we can add an addition amount, and one where we can subtract an additional amount, can i still use just the Calculation Widget?

     

  • dbizzle
    Replied on August 13, 2016 at 1:12 PM

    Almost there.  Here is what the issue was with dropdowns:

    If there were 3 items in a dropdown:

    1 - blank (default)

    2 - Keyless Entry (included)

    3 - Keyless Entry + Remote Start ($300)


    I had to put in

    0

    0

    300

    into the Dropdown>Surveying>Calculation Values field.

     

    Last part I need to get working:

    I added 2 text fields:
    Misc Additions & Misc Deductions.  Put a + and a - (respectively) into the Calculation Widget and it works..... unless I want to put multiple amounts in either filed.  Example:  If I put in a $200 additional item and a $300 item in the same field, it is not adding $500 dollars, it adds $200300.

     

    Any way around this?

  • Welvin Support Team Lead
    Replied on August 13, 2016 at 3:58 PM

    You are using a textarea and the widget calculates the value from the field as a whole amount, not multiple items. You may consider doing it this way:

    1. Add a textbox field for the total amount for the Misc Additions.

    2. Utilize the textarea for people to summarize what are the inclusions in the given total. 

    You can do the same for the Misc Deductions. 

     

  • dbizzle
    Replied on August 13, 2016 at 10:09 PM

    Will have to add a few text boxes for each as we want to show dollar amounts for each deduction, not a summarized amount.  No big deal.

    Appreciate all the help getting the form working properly.  Should be easier the next time now that I've fumbled thru it. ;)

     

    Now... to get the payment portion working. LOL

  • liyam
    Replied on August 13, 2016 at 10:54 PM

    Thank you for your response, dbizzle. 

    Now regarding your payment portion, feel free to ask for assistance on this matter should you need it. Better if you can also start a new thread for it so we can get fresh thoughts and not be cluttered with the discussion on this thread.

    Warm regards. :)