Custom CSS for Spreadsheet 2 Form not working

  • Profile Image
    AgilityAssoc.Canada
    Asked on April 10, 2018 at 10:20 PM

    Hi ,

    So now after resolving the last problem my next problem is the custom css code is not working for the Spreadsheet 2 Form widget form 80968322459972.

    First image shows how I want it to look and as it appears in build mode. The second image is how it appears in publish mode.

    1523411927button-good.png 1523411946button-bad.png

    Why is the custom CSS code not showing when published? I have other forms where simular custom code works just fine for this widget.


    Thank you, Robert

  • Profile Image
    BJoanna
    Answered on April 11, 2018 at 04:03 AM

    I inspected your live and Spreadsheet 2 Form widget looks like on the first image you provided. 

    1523433618widgetcss.JPG

    I cleared your form cache. Please check again your form.

  • Profile Image
    AgilityAssoc.Canada
    Answered on April 11, 2018 at 08:20 AM

    Well that is weird because this is how I see it on Chrome and Firefox, on Edge it appears as you show... I did clear the cach on Chrome.

    1523449065AsIseeIt.png


  • Profile Image
    AgilityAssoc.Canada
    Answered on April 11, 2018 at 08:36 AM

    Just to add to the confusion, If I am logged in on Edge and publish, I see the form as shown above. If I logout I see the form as it should be. Also if I use the preview in any browser I see it as I show above. 

    Do I need a new PC? Probably not, but what gives??? It has to be at my end.


    Regards, Robert

  • Profile Image
    AgilityAssoc.Canada
    Answered on April 11, 2018 at 08:44 AM

    Also, I just had a friend check it on Safari and they see it as the default as I show.

    Robert

  • Profile Image
    Brody_S
    Answered on April 11, 2018 at 09:56 AM

    Hello Robert, 

    I have checked your form on every browser and it appears like this:

    1523454460aac%20chrome.png

    1523454535aac%20firefox.png

    1523454559aac%20edge.png

    1523454689aac%20safari.png


    If you could specify the version of browsers you have used, we can check further to see what the problem might be.

    If you are using the newest versions then the problem could be on your end as both BJoanna and I see the form the way it's supposed to be.

  • Profile Image
    AgilityAssoc.Canada
    Answered on April 11, 2018 at 05:11 PM

    Thank you for showing all these views. The browsers are all current... I have just restarted my PC and it is still the same. 

    Although it is a bit unnerving, I have to assume it is right and will move on. 

    Thank you, Robert

  • Profile Image
    Richie_P
    Answered on April 11, 2018 at 05:41 PM

    Have you tried clearing your browsers cache? It might have been showing your old edits in your web browsers. Or view your form using the incognito mode.

    I have checked your form and the css works at my end.


    Please let us know if we can be of further assistance.

  • Profile Image
    AgilityAssoc.Canada
    Answered on April 12, 2018 at 08:59 AM

    Thank you,

    I keep trying different browsers until the custom css renders correctly, right now it is Maxthon v5.2.1.2 

    Thanks for the help.

    signed confused Bob

     

  • Profile Image
    AgilityAssoc.Canada
    Answered on April 13, 2018 at 10:48 AM

    Hi, Just thought I would update... It now appears that all browsers are rendering properly. I also noted if I make a small change to custom css it is not showing up now but, probably will later.

    I appreciate all the help. 

    Best Regards Robert

  • Profile Image
    Brody_S
    Answered on April 13, 2018 at 10:58 AM

    Thank you for the update, Robert!

    Please, if you have any more questions or issues related to this or any other matter, do not hesitate to contact us. We would be more than happy to help!

    Thanks