- dbcarr34Asked on November 13, 2014 at 10:43 PM
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?
- dbcarr34Answered on November 13, 2014 at 10:53 PM
Here is different view in firefox than the other screen shot shows
- JotForm Supportashwin_dAnswered on November 14, 2014 at 08:54 AM
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.
- dbcarr34Answered on November 14, 2014 at 07:21 PM
Thanks for your follow up. Please see the attached screen shot.
- CharlieAnswered on November 14, 2014 at 09:16 PM
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.
- dbcarr34Answered on November 15, 2014 at 12:11 AM
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.
- BenAnswered on November 15, 2014 at 05:56 AM
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.
- BenAnswered on November 15, 2014 at 06:29 AM
Can you please take a look at this jotform and let us know what you think of it. Please test across different browsers.
- dbcarr34Answered on November 15, 2014 at 06:47 PM
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.
Almost ready to launch!
- BenAnswered on November 16, 2014 at 05:05 AM
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
- JotForm SupportjonathanAnswered on November 16, 2014 at 05:14 PM
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.
- dbcarr34Answered 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.
- BenAnswered on November 17, 2014 at 04:42 PM
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.
- dbcarr34Answered on November 18, 2014 at 02:58 PM
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
- BenAnswered on November 18, 2014 at 04:15 PM
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.