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.


  • Profile Image

    Form looks different in Firefox and Chrome

    Asked by dbcarr34 on November 13, 2014 at 10:43 PM

    Hello,

    I asked someone with CSS experience to help me with getting a form to look better.  He sent me a screen shot showing me that the form looks different to the screen shot I sent to him.  Turns out he is using Chrome and I am using Firefox.

    How can I get people who view this form across all browsers to have the same viewing experience once it is fixed?  And, how does it get aligned properly according to all browsers?

    http://form.jotform.co/form/42865470727867

    Screenshot
    different JotForm same
  • Profile Image

    Answered by dbcarr34 on November 13, 2014 at 10:53 PM

    Here is different view in firefox than the other screen shot shows

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 14, 2014 at 08:54 AM

    Hello dbcarr34,

    I did check your form in chrome and firefox. All the images appears to be displaced including some texts as well. Please check the screenshot below:

     

    The issue seems to be caused by the custom css you have added in your form. Can you please explain your requirement a bit more in detail how you want to display the product images and the products as well, we will help you customize it.

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by dbcarr34 on November 14, 2014 at 07:21 PM

    Hello,

    Thanks for your follow up.  Please see the attached screen shot.

  • Profile Image
    JotForm Support

    Answered by Charlie on November 14, 2014 at 09:16 PM

    Hi,

    I've cloned your form and modified the custom CSS that you have.

    Changes that I made:

    1. Position the image above and center it.

    2. Move and positioned the checkbox "Additional Loyalty..." just below the image

    3. Move and positioned the html text "We build option..." just below the check box "Self Service Mobile..."

    4. Adjusted the size and position of the e-signature because it over laps the checkbox "We build option..."

    Here is the form that I have: http://form.jotformpro.com/form/43177704306958?

    You can clone it using this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

     

    Please do take note, it is quite hard to make a form cross compatible to all browsers, especially we are using custom CSS to give specific positions which might render differently by each browser. I've tried viewing my form in Firefox, Chrome and Internet Explorer. They seem to look fine in my end, although they might have different spacing and padding.

    I hope this helps. Let us know if you need further assistance on this.

    Thank you.

     

  • Profile Image

    Answered by dbcarr34 on November 15, 2014 at 12:11 AM

    Hello,

    Thanks a million for taking the time to do that!

    I tried viewing in IE and GC and there was crossover and confusion on the page.  I don't think this is going to work.

    Any suggestions on how we might simply the form to accomplish my goals?  There was a combination of recurring and non recurring payments.  Perhaps if we make them all one time payments it would be easier?  I could then log into my authorize.net account after signing up a client and put them on revolving payments manually.

    *Let's discuss before you make any more efforts.  I am considering eliminating the mobile websites section which would help simplify the form.  Please let me know your thoughts.

    Dennis

  • Profile Image

    Answered by Ben on November 15, 2014 at 05:56 AM

    Hi Dennis,

    Any suggestions on how we might simply the form to accomplish my goals?  There was a combination of recurring and non recurring payments.

    Yes, I remember the thread, the jotform above was the outcome of the switch from one to another. Now I will try something to make it simpler and update you here shortly to see if that would work.

    Best Regards,
    Ben

  • Profile Image

    Answered by Ben on November 15, 2014 at 06:29 AM

    Hi Dennis,

    Can you please take a look at this jotform and let us know what you think of it. Please test across different browsers.

    http://form.jotformpro.com/form/43182090565959

    Best Regards,
    Ben

  • Profile Image

    Answered by dbcarr34 on November 15, 2014 at 06:47 PM

    Hello Ben!

    Thanks so much for tweaking the form!  Look great, however still viewing problems in chrome and IE. 

    * I am totally cool with removing pics if that is what it takes to make this work across all browsers.  Pics are a bonus, yet not totally necessary.  Also, would you I have decided to hold off on offering mobile websites.  Can you view the screen shot of the form and delete areas where it mentions mobile website? 

    --Also, can you add another option at the bottom under "Is your time limited? Monthly Campaign management"?  The new option underneath should read: 

    Campaign Boost (one-time fee) $299 USD

    *We will Custom Design the following with your Branding: 1) Opt-In Form for your Website and Facebook Page.  2)  Facebook Tab.  3)  Opt-In Email Blast Template.  4) Kiosk Screen.  5) Poster.  6) Table Tents.

    --Can you add security seal and authorize.net seal?  I have SSL with my hosting company (see certificate link below).  Please use one of the bottom designs.  Or, if you can't add both, then many one?  Please advise.

    https://www.positivessl.com/site_seals.php

    <!-- (c) 2005, 2014. Authorize.Net is a registered trademark of CyberSource Corporation --> <div class="AuthorizeNetSeal"> <script type="text/javascript" language="javascript">var ANS_customer_id="3cee6937-346b-4569-ad42-79f77e45c49f";</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script> <a target="_blank" href="http://www.authorize.net/" rel="nofollow" id="AuthorizeNetText" >Merchant Services</a> </div>

     

     

    Almost ready to launch!

    Dennis

  • Profile Image

    Answered by Ben on November 16, 2014 at 05:05 AM

    Hi Dennis,

    I have updated the jotform: http://form.jotformpro.com/form/43182090565959

    The seals code however can not be implemented unless you do that on your own, by getting source code and then changing it to include the seals.

    You can get the source code here: How to get the Full Source Code of your Form

    Best Regards,
    Ben

  • Profile Image

    Answered by dbcarr34 on November 16, 2014 at 01:30 PM

    Hello Matt,

    The form looks great in Chrome and Firefox, but not IE.  Since only 10% of Internet users use IE, I might be able to live with this. 

    However, is there a way to make this payment form work with IE also?

    Thank you,

    Dennis

  • Profile Image
    JotForm Support

    Answered by jonathan on November 16, 2014 at 05:14 PM

    Hi Dennis,

    I created a new thread for the next question here http://www.jotform.com/answers/460079

    We will attend to it as soon as we can.

    Thanks.

  • Profile Image

    Answered by dbcarr34 on November 17, 2014 at 04:30 PM

    O.K., I never use Internet Explorer, so I clicked on the IE icon on this laptop to test the form.  Yes, you are correct.  The version of IE is 8, and this must be the reason the form was not viewing properly.  I tested on a new laptop and form looked good.

    Thanks a million for your help.  Now I will try and get the security seal(s) on there.  Also, I will see about getting the form to show https since I have a security seal for my website.

    Dennis

     

     

  • Profile Image

    Answered by Ben on November 17, 2014 at 04:42 PM

    Hi Dennis,

    Unfortunately such older versions of IE are a trouble for developers making custom solutions - not only limited to automated build solutions. Good thing is that more and more people are switching from IE to other browsers at this time.

    As mentioned above you can only add the security seals if you take the jotform source code and place it on your website after adding the seals code in it.

    Do let us know if you have any further questions.

    Best Regards,
    Ben

  • Profile Image

    Answered by dbcarr34 on November 18, 2014 at 02:58 PM

    Hey Ben,

    The payment form has been added to the website, yet is turned off at the moment.  I am attaching a couple of photos for your review.  I am getting a "this website does not supply identity information" and " ! " and the beginning of the website URL.  This was happening to other pages, but I went in and changed all of the http to https on those pages and the " ! " before the URL went away.  I thought that maybe the css code in the form needed to be changed from http to https so i went in and changed that also.  Still, I am getting the same alert when at this page.  Any suggestions? Thanks, Dennis

  • Profile Image

    Answered by Ben on November 18, 2014 at 04:15 PM

    Hi Dennis,

    I have moved your question to a new thread where we can assist you with this, but basically you would need to replace every http request to go to https request instead.

    Since there might be some other things to do as well it is best to handle this on the other thread here https://www.jotform.com/answers/461067 so please leave your further responses in regards to this there.

    Thank you for the screenshots.

    Best Regards,
    Ben