- prowrestlingteesAsked on May 05, 2016 at 11:46 AM
I wanted to somehow match this example for the bottom Sub Total, Shipping & Handling, and Grand Total. I wanted to right align them under the country drop down
And also I changed the width on dropdown input 7, 9, 10, 11 to 280px
How can I match the rest of the fields to these?Page URL:
- KadeJMAnswered on May 05, 2016 at 12:04 PM
It seems to me that you need some help adjusting the styling of your form with right aligning some of your fields and matching the field widths up.
You can do the majority of this with the form designer but it just takes a little bit of tweaking sometimes to get it looking good.
Please see https://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms- to learn more about how to use it to do fantastic things.
Additionally, if you need more help just let us know and we'll try to assist with this further as soon as we are able to find something that works for you for the adjustments for those fields as you asked.
- prowrestlingteesAnswered on May 05, 2016 at 01:14 PM
That's exactly what Im going for
How can I achieve the above result?
- victorAnswered on May 05, 2016 at 01:34 PM
To assist you better I have created a new thread that will be answered shortly by our support team
We prefer to have one question to a thread. This way we can give the best answer possible with our getting confused.
- prowrestlingteesAnswered on May 05, 2016 at 04:37 PM
Also how can I make sure that the shipping and handling and grand total fields have dollar signs?
- victorAnswered on May 05, 2016 at 04:53 PM
You can enter a mask for the SHIPPING & HANDLING field:
For the calculation field, enter the wizard and just add the DOLLAR sign at the beginning of the formula.
It should display something like:
If you require additional assistance, please let us know.
have a great day.
- prowrestlingteesAnswered on May 05, 2016 at 05:32 PM
I'm almost there. Just need to move those fields to the right. As seen here
- JotForm SupportBDAVIDAnswered on May 05, 2016 at 06:02 PM
You can try injecting the following code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
- prowrestlingteesAnswered on May 05, 2016 at 06:05 PM
Anyway to have them the title and field be next to each other? Like your colleague on top was trying to do?
- JotForm SupportBDAVIDAnswered on May 05, 2016 at 06:19 PM
Yes, make sure the label alignment is set to the left:
And then inject the following code instead of the previous one: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Hope that helps.
- prowrestlingteesAnswered on May 05, 2016 at 06:26 PM
I'n actually looking for something like this right under the country drop down
- JotForm SupportBDAVIDAnswered on May 05, 2016 at 06:37 PM
Something like this? https://form.jotform.com/61256679143966
width: 55px !important;
padding-left: 240px !important;
You may simply clone my form: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
- prowrestlingteesAnswered on May 06, 2016 at 11:02 AM
Yes just like that. How can I have the amounts be next to the field names? Like in my example. And also remove the spacing between the field names
- victorAnswered on May 06, 2016 at 11:46 AM
I have adjust the CSS of my colleague a bit so the form will look siimilar to what you are indicating in your image above.
/*increase a bit the width of the label so it will be in a single line, also place labels to the right*/
text-align : right !important;
width : 160px !important;
width : 50px !important;
/*Adjust the spacing of each field, reducing the top and bottom space of of them to 0px*/
padding-left : 220px !important;
padding-bottom : 0px !important;
padding-top : 0px !important;
Please let us know if this helps.