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.
Bullet points appearing on the left of all my pagesAsked by MarkPutt on March 17, 2014 at 05:47 PM
On all my pages there are little grey bullet-point looking dots at the corner of the page element. This was not happening yesterday. This is on both chrome and FF.
Can you please share to us the URL of your website where the form was used. We can provide you with appropriate response and suggestions if we know this information.
Initially, you may also try re-embedding your form first using its iframe code instead. Use this guide
Usually, bullets that appears on forms are due to script conflict. Using iframe embed will prevent this script conflict.
Hope this help. Please inform us if issue persist.
Here are all the pages. Some of them do use iFrame. They didn't do this yesterday.
I haven't made any changes to these pages in several days.
The issue might be temporary. As of checking, I am unable to see the bullet points anymore, they appear to work just fine.
If the issue persists on your side, would you please clear your browser's cache?
Please update us with the results.
Ok, I cleared my browsers' cache and re-loaded all the pages.
They are all still showing the bullet points. No change here.
I didn't make any changes at all in the last 3 days.
Unfortunatelly, I am still not able to reproduce the same issue.
I checked each of the website pages you mentioned
But I was not able to see any of them having the bulleted isssue.
Have you also tried using different browser? I did tested also on 3 browsers FF, IE, and Chrome, and they all come out good.
If you can also check on a different computer/device please try also.
Please continue updating us if this issue persist.
This is getting even worse now. You really need to find the cause and fix this ASAP. ALL MY TESTERS ARE SEEING THIS ON THEIR COMPUTERS. NOW MY GRAPHICS ARE GETTING RE-ARRANGED ON THE PAGES.
I HAVE MADE NO CHANGES TO MY CODE OR THESE PAGES AND THIS KEEPS HAPPENING. Please figure out what jotform did and correct this. These are LIVE PAGES THAT I USE TO GET INCOME FROM CUSTOMERS. You simply CAN'T DO THIS.
I need my pages back the way they were.
This is broken in Chrome, Firefox and IE. They all show the same broken behavior.
This is being caused when I embed these pages or use the source code as a "secure form" When I use the secure forms I see this problem. When I don't use them I don't see it. However, this is e-commerce and I need secure forms. What changed in your secure form code or servers?
I examined your forms, and there a few things that I would like to highlight:
1. The bullet points appear because the browser is applying its default inbuilt CSS - why? because it cannot access the Jotform CSS and I will explain the reason next
2. I notice that all your forms have been embedded on your pages using the secure option. This is an issue because your website does not have an SSL certificate. While there is no express rule or standard that dictates that you should match resource protocols on your non-SSL encrypted page (http with http, not http with https resources), it does bring some issues for some browsers and some locations in the world - This is why:
- https protocols take time to load, because they have to create an encryption key between the browser and the originating server - for a http page with https resources, it might treat the processing delay between browser and server as unavailability, and use the default resource in the browser (if any)- in this case, its inbuilt stylesheet which adds bullets on your forms
- Some locations in different places have gateway networking servers that filter out mismatched protocols when pages are served within their networks - so our CSS which is served encrypted with our SSL certificate might be blocked out - simply because of a mismatch in protocols - you may be surprised that your forms look OK when you load them using the WiFi at your favorite coffee shop, and not from your office..
- Some browsers will not load mismatched protocol resources at all - Macintosh Safari and IE have been known to igonore web-page resources that differ in protocol from the Top Level Domain - mostly JS scripts - which are also used to load and modify stylesheets for some pages
Bottom line - the implementation that you now have may not give you perfect results - and may sometimes work sporadically as expected depending on what random facor plays in, which scope is too wide to troubleshoot efficiently.
So what to do:
1. Get a SSL certificate for your website, and use the encrypted embedded code as-is
2. Do not use SSL encrypted embed code for your forms - I take this may not be an option from your responses
3. Provide your clients with a button that leads to your form's Jotform links - encrypted with SSL certificates
4. Get the encrypted source code, and download the JS and CSS files, store them on your website and change the resource locators in the form's source code for the scripts and CSS files - this partially defeats the purpose of an encrypted form, but the form submission will however be securely submitted - if you need help to implement this solution, please let us know and we will advice.
Please let us know how you wish to proceed, and we will assist as much as possible.
Thank you for your patience.
No. Now even linking to the secure jotform forms doesn't work. I'm providing a link that goes straight to the pages with SSL Certificates and that doesn't work.
So now even this is broken.
This option WAS working this morning. Now this isn't even working.
You can re-create this right on here on the jotform site without having anything to do with my page or the pages of customers who are having this problem.
1. pick a form
2. go to the form embed wizard.
3. pic iFrame or a regular embed or whatever.
4. You get the pop up with the code.
5. Select "preview".
6. It all looks fine.
7. Select "secure form"
8. Look at the preview now... you will see the bullet points messed up graphics.
This is happening on all of my site's forms aswell. It has something to do with JotForm because our forms were working yesterday.
We have found that secure form styles were not accessible at some locations due to issues at our Content Delivery Network (CDN) provider side. We have temporary changed the style links, so the issue should be fixed. Also, our CDN provider is going to fix their system ASAP.
We are sorry for the inconveniences caused.
Thanks for helping us! My pages look good now.