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

  • HBMin
    Asked on January 19, 2018 at 6: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.

  • Ashwin JotForm Support
    Replied on January 20, 2018 at 2: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.

  • HBMin
    Replied 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!


  • Ashwin JotForm Support
    Replied 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.

  • HBMin
    Replied on January 24, 2018 at 8: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?

  • Ashwin JotForm Support
    Replied on January 24, 2018 at 9: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 Screenshot 10


    Hope this helps.

    Do get back to us if you have any questions.

  • HBMin
    Replied on January 29, 2018 at 2: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!!!

  • Nik_C
    Replied on January 29, 2018 at 3: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!

  • HBMin
    Replied on January 29, 2018 at 3: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

  • HBMin
    Replied on January 29, 2018 at 4:26 PM

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


  • HBMin
    Replied on January 29, 2018 at 5:58 PM

    NIK_C

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

  • jonathan
    Replied on January 29, 2018 at 5: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 Screenshot 10

    it should have been like this originally.

    1517266705zzz 2018 01 30 06 Screenshot 21


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


  • jonathan
    Replied on January 29, 2018 at 6:16 PM

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

    It work like this 

    1517267803zzz 2018 01 30 07 Screenshot 10



    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.



  • HBMin
    Replied on January 29, 2018 at 9:11 PM

    It is done and fixed

    Thank you