Alignment & Calculation Widget

Hello, 

I need to align all the widgets in my form and have the calculation widgets working as well could you please help me with this issue? Below is the link to the form,

https://www.jotform.com/build/81825950408158

Thank you.

I commented out the CSS code in your Custom CSS field which made the widgets showing a bit off:

Regarding the calculation, could you please which one is affected by the problem since there are several calculations in the form?

We'll wait for your response.

Thank you!

Thank you so much! All of the calculation widgets, they're not calculating anything... also, before we use to have only 1 calculation widget for the whole form but then someone from support suggested adding 1 calculation widget per section of our form but I think this is making it more confusing when we download the report of submissions, what do you think? Could we go back and add just 1 calculation widget for all items in our form?

What do you suggest? Thank you.

Separating the calculation for each section is ok so it won't clutter the single calculation field.

I've cloned your form and tried the calculation for "CAL for ITA Cares", it calculates correctly based on my test. 

Can you please confirm which calculation is not working? Looking forward for your response. 

I just noticed the widgets are still not aligned.. 

Also, the "LOGO" image at the top looks a little stretched, what are the correct dimensions for it to look good? 

Not all calculation widgets are working, for example if you go to Personal & Electronic Accessories and select 1 on the "Tree Hut Boyd Watch" you scroll to the bottom and the price calculated is wrong... 

Am looking into the form and working on the necessary code as well as running some tests. I will let you know here as soon as an update is available.

Hi, 

Any update? We need this form to be working correctly, I appreciate your help, Thanks.

Please try injecting the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

#id_121,#id_48,#id_104,#id_51,#id_57,#id_59,#id_62,#id_4,#id_71,#id_89,#id_91,#id_93,#id_100{

    margin-left: 8%;

}

#id_47,#id_49,#id_50,#id_56,#id_58,#id_61,#id_63,#id_88,#id_90,#id_92,#id_94,#id_101{

    margin-left: 0% !important;

}

Let us know if you need more help.

That code only fixed one section of the form/widgets 

I need ALL widgets to be aligned.. 

Please add this CSS code as well:

li#id_122, #id_71 {

    margin-left: 8%!important;

}