Radio button custom styling compatibiliy issue on Firefox, Edge and IE.

  • Profile Image
    HBMin
    Asked on January 19, 2018 at 06:25 PM

    On our forms the blue circle is not showing on Firefox, Microsoft Edge and Internet Explorer browsers.

    Here is the report from one or our associates: "I was able to confirm on my laptop that there is a glitch that prevents the blue circles from loading on the page when our links are opened in Firefox, Internet Explorer, and Microsoft Edge browsers.This also happened on my laptop as well as my desktop so we can rule out that it was just my pc. And it was the case with Johan and Titus’s links too so I don’t think it is just mine."

    https://form.jotform.com/HBMin/valcich

    All the forms are the same format so I presume it is happening on all of the forms.

  • Profile Image
    ashwin_d
    Answered on January 20, 2018 at 02:13 AM

    I did test your form and I am able to replicate the issue you are having. The issue is caused because of the custom css code you have injected in form. 

    I am working on your form but it is taking some time. I will get back to you on this soon.

  • Profile Image
    HBMin
    Answered on January 20, 2018 at 12:58 PM

    The custom css code was given by you all to fix another problem. ;)

    I am looking forward to the fix. Thank  you!


  • Profile Image
    ashwin_d
    Answered on January 23, 2018 at 10:42 AM

    Once of my colleague helped to solved the problem you had in your form. The custom radio button appears correctly on Firfox, Edge and chrome browser. 

    I would suggest you to please test your form again and see if it works as expected. Do get back to us if you need any other changes.

  • Profile Image
    HBMin
    Answered on January 24, 2018 at 08:34 AM

    Thank you Ashwin_D

    NOW my problem is the FIX for the other 30 forms which all have the same problem.

    IS there an easy way to fix them or do I delete each one and redo it with a clone from the good one?

  • Profile Image
    ashwin_d
    Answered on January 24, 2018 at 09:55 AM

    No you do not have to delete forms. Here are the steps you need to follow to solve this problem in all of your forms:

    #1. You need to go to your form "Valcich" where we have edited the custom css code.

    #2. Copy all the custom css code you have in there.

    #3. Now open the other forms where you are having issue currently and delete all the existing custom css code. (I believe you have not added any other custom css code aprt form the custom radio button. Please confirm this before you delete. You need to actually delete only the custom css code related to custom radio button.)

    #4. Paste the custom css code you have copied in step #2. Please check the screenshot below on how to copy the css code of "Valcich" form and paste it other forms:

    1516805607cssCopy.gif


    Hope this helps.

    Do get back to us if you have any questions.

  • Profile Image
    HBMin
    Answered on January 29, 2018 at 02:16 PM

    BROTHER!!!! FRIEND!!!  YOU left out the box to be able to put in an amount for a gift!!!!!

    This must be fixed asap!!!

  • Profile Image
    Nik_C
    Answered on January 29, 2018 at 03:35 PM

    I'm sorry, but I'm not able to understand what you're referring to? My colleague just provided the steps to fix the similar problem in your other forms.

    Could you tell us, please, what seems to be the issue?

    Thank you!

  • Profile Image
    HBMin
    Answered on January 29, 2018 at 03:40 PM

    Here is an example... and everyone of our forms are now like this.

    The PAY AMOUNT has been removed from the (USD for each month) (USD one-time payment)

    there is NO where to put the amount to donate.


    https://form.jotform.com/HBMin/nongo-farm

  • Profile Image
    HBMin
    Answered on January 29, 2018 at 04:26 PM

    I need help on this ASAP. Lots of unhappy folks.


  • Profile Image
    HBMin
    Answered on January 29, 2018 at 05:58 PM

    NIK_C

    Do you understand my problem? There is no place to put in the amount someone wants to donate.

  • Profile Image
    jonathan
    Answered on January 29, 2018 at 05:58 PM

    We apologize for the inconvenience caused. I was able to see the issue you described when I checked your form.

    The input box for the amount was hidden due to the injected CSS codes.

    1517266649zzz 2018-01-30 06.54.57.png

    it should have been like this originally.

    1517266705zzz 2018-01-30 06.57.57.png


    Let me check first how it can be fixed. I'll be back shortly.


  • Profile Image
    jonathan
    Answered on January 29, 2018 at 06:16 PM

    Please check my test form first https://form.jotform.com/80287421707962

    It work like this 

    1517267803zzz 2018-01-30 07.16.11.png



    I have modified the CSS codes to this https://pastebin.com/CJpp44ux

    If my test form matches what you need, you can copy the CSS codes I used and overwrite the one you have on your form.

    Let us know if still not resolved.



  • Profile Image
    HBMin
    Answered on January 29, 2018 at 09:11 PM

    It is done and fixed

    Thank you