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.
In responsive forms, the currency in payment fields gets broken into seperate parts when the browser window is narrowed.Asked by LeoC2 on January 19, 2015 at 04:38 PM
It seems that there is an invisible space between the dollar sign and the amount on the payment forms. It doesn't show up on the JotForm page but does in Safari sometimes making the dollar sign and amount appear on two lines.
payment form currency separated
Thanks for reporting this. I was able to replicate it in Chrome as well as Safari, not only in a clone of your jotform but also in a separate one I created as a control. So, it's a system-wide issue. Incidentally, the issue also affects the "USD" following the numbers.
I've submitted a ticket on it and the developer to whom it is eventually assigned will respond in this thread when the fix has been applied.
Our apologies for any inconvenience which may have been experienced as a result of this issue.
Do you have any idea when this will be fixed? It's annoying seeing the display the way it is.
Unfortunately, the support team cannot tell you the possible timeframe. Rest assured that the ticket is already assigned to our developer.
How about injecting a custom CSS codes to adjust the product items width? The following custom codes:
width : 400px;
You can adjust the value until you'll see your desired result. Here's how you can add the codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.
Sorry but I have no desire to add some code to fix a bug. Besides, the space between the dollar sign and the amount would still be there which would still look odd. Please fix this.
We have submitted already a bug ticket report to our higher team support.
It is currently assigned now to one of our developer.
We will let you know here once we have update on the status.
I was about to question this again myself. Why should this take so long to fix?
Our apologies, but I think the priority of the ticket is one of the things that will be considered here. The assigned developer should let you know through this thread if there are updates.
For now, you may consider doing the workaround of adding a custom CSS codes in your form to adjust the product item width and to bring down to a new line the currency. You can try the following custom CSS codes:
width: 80% !important;
Just please follow this guide to add the codes in your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.
I hope this helps.