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.
Lightbox form is not being displayed correctly in mobile devices.Asked by webmechanics on December 23, 2014 at 07:55 AM
With regards to JotForm on http://ellai.milwellint.com/
The form is set to be responsive but it doesn't render properly within the lightbox on smartphones
The form label isn't in line with the text box on desktops even though the alignment is set and the preview shows it correctly.
Thank you for reporthing this problem. One of our designers will look into this problem and get back to you.
When can I expect a response to this problem?
It may take a a couple days at the least or possibly a week or two even though we try our best not to take too long. Either way though, rest assured they will look into it as soon as possible and respond back to you here on your thread.
Generally, we don't promise any timeframes because sometimes it might be something quick and easy and other times it might take a little while if it is a harder issue involved. It mostly depends on the workload our designers have ahead of you from other threads and projects.
I'll try and explain my problem:
I need my clients to have a single page experience for a button triggered lightbox contact form. Right now that is achieved even with faults within the WP backend on desktops! Far worse on smaller devices.
How can I manipulate the form to:
1. Display on a mobile in a non responsive way? Maybe by changing the width and height?
2.How can I align the labels and fields to show within the same line on a desktop?
I know its the Xmas weekend but your help would be highly appreciated.
Even with the problems, I've upgraded to a paid platform and a swift resolution would be appreciated.
As I understand, you want to retain the same layout that you created even on mobile devices right? The current layout shows that the label and the text box field are on the same line.
This is the layout of your form in "Lightbox" mode. Since you enabled the form to be responsive, the form layout will adapt depending on the screen or window sizes.
Now, this is the layout that you created. This is also the layout that you want to display in smaller devices. I assumed that it is okay for you to reduce the width of the text box field right?
This ticket was already escalated to our developers. We will notify you via this thread once an update is available. Thank you for your patience.
Display on a mobile in a non responsive way? Maybe by changing the width and height?
It is possible but not recommended, because the lowest resolution is 320 x 240 pixels. You will need to create a form that is 320 pixels in width. It looks good in mobile devices like smartphones, but not on bigger screens. I would recommend making it responsive.
How can I align the labels and fields to show within the same line on a desktop?
I created a new thread for this question so we can assist your properly. This is the URL of the new thread http://www.jotform.com/answers/481925.
Hope this helps. Thank you.
Hey webmechanics & everyone else,
Our UI developers fixed this situation, where the lightbox embedded forms were not responsive.
You do not need any workarounds anymore. And also, since the lightbox embed code's updated through fetched JS files, you do not need to re-embed anything again. It should just work as responsive, still when you delete the workaround CSS codes.
We will be still waiting for your response and feedback,