Can I customize form to a more aesthetic in paid version

Good day, I have this form: https://form.jotform.com/202957403693663, my question is: with the paid version I can redesign this form improving the aesthetics including images and more options?

Hello allglassweb,

Thanks for reaching out to Jotform Support. The Paid and Free account subscription offers similar functions. It only differs from the limitations.

Please tell us more about what you would like to add to your form so we can help you achieve it.

Here's what I commonly see in forms that offer the same service as yours. They will add a File Upload element on their form to allow responders to upload their design.

You can also add the Annotate Picture widget to your form. Upload your sample image and it allows your customers to write on your pictures, leave notes and draw on the image to point out something they want you to see.

In addition, you can subscribe to any paid plans and if you think it won't work for you, you can request to cancel it and we will refund what you paid. We offer a 30-day money-back guarantee. This gives you time to make sure your purchase is perfect. If for any reason you decide to cancel your subscription within 30 days of your payment, we’ll issue a full refund.

Reach out again if there’s anything else we can help you with.

Good morning, to clarify my question, I rephrase it: With the free or paid version I can create an order form like this: https://www.crystalglassny.com/Store/Glass-Products?  

Hi allglassweb,

Thanks for getting back to us. Yes, it looks like the form uses image picker widgets. You can use the image radio button widget or image checkboxes widget to list the shapes along with the images that you wanted to use. The other fields on the form use drop-down & single choice elements which can easily be found on the Form Elements tab.

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

ok. I used the image radio button, but my current doubt is how to put in a new line the 5th option, that is Arch and that they are in rows of 4?: https://form.jotform.com/222694373075158

Hi allglassweb,

Thanks for getting back to us.

I would try adding in this CSS to your widget.

li { width: 20% !important; }

When I did this on a clone of your form, you can see they're now 4 across with the 5th on a new line.

Give this a try and if this isn't what you were wanting can you explain a bit more so we can understand better what you're hoping to accomplish.

Thank you, Now, in this form: https://www.crystalglassny.com/Store/Glass-Products, when a user selects an option the next phase displays the selected image in large with the selection fields: https://snipboard.io/hU01fb.jpg. How do I achieve this with jotform? I mean to show the image selected in the previous phase.

Hi allglassweb,

Thanks for getting back to us. I've tried opening the link that you have sent but it looks like they have been both removed.

If you can take a screenshot of what’s happening and upload it directly on this thread, that will help us to understand better what you are trying to achieve and help you with it. We have a guide about how to do that here.

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

here: https://www.crystalglassny.com/Store/Glass-Products

Select an option, press next and observe the image corresponding to the selected option in the next phase. 

Hi allglassweb,

Thanks for getting back to us. In order to achieve the same output on the webpage that you have shared, you can use conditions to show/hide the image based on the user selection on the first page. This would require you to add an image field for each of the shapes on the widget and show it depending on their answer. Let me show you how:

• Open your form in Form Builder and add an Image field to your form.
• Upload the image of the Shape by clicking the Choose A File button.
• Repeat the same steps above for the other shapes on your form.
• Once all the shapes are added we'll now add the conditions, in the orange navigation bar click on Settings.
• Click on Conditions and click on Add new Condition.
• Select the Show/Hide Field condition and copy the condition below for each shape.
• Click on Save once done.

That's it. Once all of the image shapes and conditions are added to the form. The corresponding image selected from the first page of the form would show on the next page. Check the sample screencast below:

Here is a demo form where the conditions and sample images are added. This demo form only has the first 3 images added. You can clone this form to your account by following this guide.

Let us know if you have any questions.

Thank you for the valuable collaboration, it has been very useful for me. Now how do I put a value or cost to those images? and how do I show the total of what the customer is selecting in real time, as shown in the screenshot.

Hi allglassweb,

Thank you for getting back to us.

I understand the issue, but I’ll need a bit of time to work out a solution.

I appreciate your patience and understanding.

Thank you. Is it possible that if the user selects in width for example 12, in height is automatically marked 12? so that they are equal.

Hi allglassweb,

Thanks for getting back to us. We can copy the value that will be entered in the Width field to the Height field by adding a condition. We also have a guide about Smart Forms: Conditional Logic for Online Forms that you can check out. Check out my results in the screencast below:

For your previous question on how to put values or costs to your products and how to show the total costs of the products selected in real-time, we'll need to enter a calculation string that would populate the Totals field that you have added. Can you tell us how your products should be calculated so we can help you formulate the calculation string for the widget?

As soon as we hear back from you, we can move forward with a solution.

Thank for your information

Good day, I don't understand what's going on here: https://form.jotform.com/222694373075158. Although I set the condition, to show the figure, it does it but it shows all the others 

Until recently it worked, but not anymore. What will happen there? 

Hello,

You need to click "+" on the condition and add Hide conditions:

Example:

Check this demo form - Click here.

Give it a try and let us know how it goes.

Ok, works up to semi-circle. look please:

Hello allglassweb,

Thank you for getting back to us. I understand how frustrating this is. Please unselect semicircle from the list of fields that were conditioned to be hidden as it supposed to be shown when Choose Shape contains semicircle.

Reach out again if there’s anything else we can do for you.

is observed is the circle. I want it to be observed is the semicircle

I don't understand if the others work, the semi-circle does not.

Hello allglassweb,

Thanks for getting back to us. I'm sorry you're still having difficulties with this. I, therefore, recreated all of the conditions associated with choosing a shape in your form to help you out with this. Please feel free to clone my form.

Reach out again if there’s anything else we can do for you.

Hi allglassweb,

Thanks for reaching out to Jotform Support. I've moved your questions to a new thread. You'll be answered there shortly. See the links to the threads below:

• Can you enter values in the selectors in dynamic mode?
• Another thing is that when I go to do the calculations with the radio fields it does not enable them.

Reach out again if you need any other questions.