- rwaldenjrAsked on February 06, 2018 at 11:32 PM
I see a lot of Form Support threads from a year ago or less talking about the difficulty people were having embedding JotForms onto Weebly pages and having them look (or act) right. I see TitusN following up on a lot of threads by touting the new (at the time) JotForm Weebly app, and asking for positive feedback.
Well, as long as I've been using JotForm, nobody had mentioned that app. I assumed it was a lite version of the JotForm engine for people who don't have a JotForm account. I sure never heard that JotForms look different on Weebly than they do on the JotForm editor, or that JotForm's embed method renders the form differently than the app. In fact, nobody at JotForm mentioned it at all.
So, imagine my surprise when my JotForm wouldn't render correctly in the Weebly frame, even though I was using an iFrame as I'd been instructed by JotForm's techs. I just learned from a Weebly support tech that they can't support the use of JotForm's embed code on their pages. But, when I installed my form using the app, nothing changed. Yet for some reason, the tech seemed to think it solved my problem!?!
The bottom line is that I'm experiencing the same rendering problem as many other JotForm users whose forms look great in the JotForm editor, but blow up in Weebly's text box (inside a souce code widget). It doesn't seem to be responsive, despite having a Mobile Responsive widget installed on the form. I'd think JotForm would have corrected this problem by now, whatever is causing it. But, seems it still needs work!
This is a re-post of a comment on Add JotForm to Your Weebly Site with Ease
- JotForm SupportNik_CAnswered on February 07, 2018 at 03:23 AM
Thank you for your feedback, we truly appreciate it.
Mobile responsiveness can depend on many factors, such as CSS, fields used in the form etc.
Is it possible you could share the web page where your form is embedded so we can take a closer look?
We'll wait for your response.
- rwaldenjrAnswered on February 07, 2018 at 09:19 PM
I'd be happy to! However, the site hasn't launched yet. Could you please turn this thread to "Private" long enough for me to post it? Then, you can delete the URL and make the thread Public again for other people with this problem.
- JotForm Support ManagerJeanetteAnswered on February 08, 2018 at 12:27 AM
The thread is now private as per your request.
- rwaldenjrAnswered on February 08, 2018 at 01:52 AM
Here's the test page on which I'm trying to configure a JotForm. You'll see several iterations of JotForms which were created with the help of Weebly tech support, none of which look like the forms in the JotForm Preview window.
The margins are cut-off on all forms in Weebly at this particular container width, as is the length of some of the forms like the 3rd form (inside the Content Color Box app). The custom button image doesn't always shrink with the form either. All though, one of your colleagues gave me a code to try to hopefully make it responsive, which I haven't had time to try while troubleshooting this problem.
I appreciate your help!
[Please keep these URLs in strictest confidence, as my site has not launched yet.]
- JotForm SupportNik_CAnswered on February 08, 2018 at 03:48 AM
I checked your page, and I saw what you were referring to.
However, since I cannot do much on your Weebly pages, I did a test on my own, and the form is showing fine:
You can check my test link https://testcvelekv.weebly.com/ where I embedded it in three different ways.
So the issue could be in divs that are surrounding your form in your Weebly.
For example, there is div class ".wsite-multicol"on your page, and if I increase its width, the forms, and that page section come into place.
So please check if you can somehow increase the width of that section.
Let us know if you have any further questions.
- rwaldenjrAnswered on February 08, 2018 at 02:04 PM
Thanks for testing my forms! Yes, I can expand the columns that contain the forms, and they appear full-width if I do. But, that squeezes the column beside it to unmanageable proportions. The form is supposed to be "responsive", which means it should be able to accommodate different dimensions successfully!?! How would the DIVs make a difference in how the form is displayed? And, can you suggest a work-around or fix?
Also, may I share your test link with Weebly techs? I'm sure they'll say its JotForm's problem to fix. But, I want them to see that it may in fact be their Content apps that are causing the problem. And, a predetermined solution might help to convince them.
- JotForm SupportKevin_GAnswered on February 08, 2018 at 03:24 PM
Yes, your forms should be displayed properly since they are optimized for mobile devices and they should be displayed properly on reduced mobile devices too.
As you can see on my colleague's link the form displays properly no matter the embed method used, I would suggest you to try removing the mobile responsive widget and try embedding the form using the iFrame to see if that does any difference.
Also, you may use the link my colleague provided and see if there is that can be done from the Weebly ends.
Please let us know how it goes.
- rwaldenjrAnswered on February 19, 2018 at 02:46 PM
Kevin, and Nik -
The problem did indeed prove to be an "anomaly" between JotForm's "Mobile Responsive" widget and Weebly's content frame, as your colleague Jonathan called it in a related thread. I removed the Mobile Responsive widget from my form, and the problem resolved itself. I'll pass Nik's test link over to Weebly's development team so that hopefully, they can evaluate it and improve their coordination with JotForm.
Also, now that we've resolved this problem, could you please remove our site's unpublished links from this thread (see my Feb. 8 post), mask my company/site name in Nik's second screenshot, and turn the thread to "Public" status so other JotForm users can benefit from the fix?
- Thanks for your help
- JotForm SupportKevin_GAnswered on February 19, 2018 at 03:24 PM
As per your request, I have removed your forms and website's links as well as the screenshot of my colleague's reply.
The thread has been marked as public now.