- CharlieAnswered on December 10, 2014 at 12:29 PM
Can you please provide us the Form's URL, and if possible, a screenshot of the problem? We can take a closer look at your form and suggest possible solutions, workarounds or custom CSS code to help you design your form properly.
Have you also tried viewing your form in preview and in another window of the form? The preview might show a different display from the live form being viewed in a separate browser tab.
You can also trying checking the Preferences->Responsive Form->and change it to "No". This should solve the full stretching of the fields width.
We'll wait for your response.
- antoniooiAnswered on December 10, 2014 at 11:03 PM
My Responsive Form setting all the while is NO. This is the URL:
Notice that even the day, month, year box for the DATE field had also been stretched to full length, what a joke! The same goes to the phone number field with area code and phone number.
Notice also that in your form designer, under Form Layout section, the Make this form responsive check box is UNCHECKED also, not just the one that you recommended in your post.
Your new form designer, although ambitious, but sucks big time.
- valAnswered on December 11, 2014 at 08:07 AM
Our apologies, if your fields getting stretched to a full length when using the Beta Form Designer, I would suggest that don't use it and stick to the old Form Builder.
- antoniooiAnswered on December 11, 2014 at 08:30 AM
Before you mention about "stick to the old Form Builder", please refer to my following post:
Notice that your colleague did mention that there is no way to switch it back. Now you mention it is Beta Form Designer -- How can you discard the old form builder when the new form designer is just in "Beta Version"? This is genius, really.
- valAnswered on December 11, 2014 at 09:56 AM
OK, at least one of your concern has been escalated to our Developer Team and we should wait that until they fixed the issue.
Please do try the following guides created my colleague above, maybe that should solve the issue on your form.
- antoniooiAnswered on December 11, 2014 at 10:12 AM
Didn't you see my reply to your colleague? -- NOT WORKING.
- CharlieAnswered on December 11, 2014 at 11:34 AM
May we ask if you could share a screenshot of what you are seeing?
In my form builder, I see that in preview the form displays a specific width and the fields stays how it is formatted.
I viewed your form URL in Google Chrome, and I see that the fields do not stretched to full width of the display browser?
It seems to be working fine in my end, is this the expected result you are looking? Also, if I may, I would like to suggest the following.
2. Try using different web browsers: Google Chrome, Mozilla Firefox, Internet Explorer, Opera
3. Try updating your current web browser
4. See if there are plugins or extensions in your web browser that blocks the form builder or the JotForm website, try disabling all of them and see if it makes a change.
I hope this helps. Let us know if the problem persist even after trying the above solutions.
- antoniooiAnswered on December 11, 2014 at 09:33 PM
How can you use the PREVIEW screenshot and say "it is working" at your side? Stop this crap will you? This is what appear on the traditional preview (not the new form designer preview) as well as after embedding on my website:
(Let me know if you can't view my screenshot at your side too. I have screenshot attached below.)
- antoniooiAnswered on December 11, 2014 at 09:44 PM
- antoniooiAnswered on December 11, 2014 at 09:55 PM
Stop treating me like an "end user" and pretending like you're helping! I have all the browsers with the latest version! You people are wasting my time, seriously! Showing the form designer preview and tell me it is "working" at your side, what a joke!!!
- JotForm SupportabajanAnswered on December 12, 2014 at 04:46 AM
Please accept our apologies for not adequately addressing your concern. Removing part of the your jotform's injected CSS should correct the problem. However, due to the large amount of code you'll see there, it may be difficult to spot and delete the correct section. So, to simplify things, please do the following:
2. Remove all of your form's injected CSS and then paste [Ctrl+V] the code you copied in step 1 in its place
3. Save the form
That should resolve the issue. If it doesn't please let us know.
As the Form Designer is still in Beta, it has some glitches which our developers are doing their best to correct. Unfortunately, jotforms becoming responsive even though that setting was not selected is one of the bugs. In hindsight, perhaps we incorporated the tool into the form builder too soon but it has still been used to great effect, as evidenced by the very creative designs of our Web Form Design Contest winners:
(One of the requirements of the contest was that the Form Designer had to be used.)
You are one of our longstanding users and as soon as I saw your avatar in this thread I recognized you as one who has contributed many valuable suggestions. As such, we would hate to see you part company with us, due to frustration or any other reason.
Again, our apologies. And be sure to let us know if the solution to remove the responsive behavior from your jotfrom does not work.
- antoniooiAnswered on December 12, 2014 at 07:26 AM
Your code works perfectly well, and this is what I expect from the Form Designer:
"Just change what is instructed to change. Don't change what is NOT instructed to change."
But to be honest, while your old Form Builder still capable of hiding the complexity, leaving only the customized portion of the CSS code to be visible to the user, now your new Form Designer complicates it further with more messiness in your CSS code injection box. I know many other extra codes are for responsive effect purposes, but take your code as an example, of which the responsive effect is not needed, why still a BIG BUNCH OF CODE is needed?
Perhaps you guys might want to offer a more powerful playground for some advance users, but your design strategy should also take the business users into account so that you can have a smoother transitional change and release process. Removing the old form builder entirely in replacing the unstable beta version is a BIG MISTAKE.
Although myself was a former software architect and senior web developer, I had no longer been in that field for more than 3 years, especially my role now has been switched to solo business owner and marketing director -- I got no time to micro-manage those complex CSS code generated by your Form Designer -- this is why I chose JotForm and this is why JotForm comes into play. But sometimes, the way your technical team handle the architectural design and the release process just defeat all your purpose.... really...
- valAnswered on December 12, 2014 at 08:33 AM
We're glad that the issue on your form has been fixed.