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.
Any ideas of adding a price option for the ddSlick Dropdown widget?Asked by dbizzle on August 11, 2016 at 03: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?
dropdown widget ddSlick dropdown layout
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:
Here's an example on how you should add the condition:
Here's my test form: https://form.jotform.com/62235013323946.
I hope that helps.
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.
Link to form: https://form.jotformeu.com/62236989086369
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:
The conditions are looking like this:
You should create the same conditions for all the fields in your form.
Let us know if you need more information
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?
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.
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:
We'll wait for your response.
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.
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.
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
2. Click on the advanced tab
3. Set the Selected by default option to the option you want
Could you please analyze and confirm that the behavior that you want is the one in this form:
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.
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.
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:
If this is the correct calculation, you can clone the form to your own account if you'd like:
I am not working with the radio button form. Here is the link to the form:
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.
Another thing, your "Entry System" dropdown only have two (2) calculation values, should be three (3) I think.
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?
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.
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?
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
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?
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.
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
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. :)