Fields not holding their formating?

  • Profile Image
    markryan
    Asked on October 08, 2019 at 04:03 AM

    Hi

    At the top of page 2 is the Address Field, I note that today the first element of this field #input_13_addr_line1, has lost its formatting.

    So I removed some CSS for the placement on icons (below) but that has not resolved the issue?

    Mark

    -----

    #cid_13_addr_line2:before {

        content : url('https://irp-cdn.multiscreensite.com/c89b8afa/dms3rep/multi/mobile/Address+1.png');

        position : absolute;

        top : 0px;

        left : 4px;

        transform : scale(.2);

        margin-top: -9px;

     

    }

     

     

  • Profile Image
    Kiran
    Answered on October 08, 2019 at 04:19 AM

    We are sorry that we did not understand your query correctly. We request you to provide us with more information on the issue that you are experiencing and the form ID that you are referring to so that we can assist you further.

    We will wait for your response. Thank you! 

  • Profile Image
    Kiran
    Answered on October 08, 2019 at 04:29 AM

    It seems that you have edited your question now and I see the issue description. As I check the form, I see that the address field seems to be displaying normally. 

    157052323708102019_135520.png

    Are you referring to the icons to be displayed in the address field?


  • Profile Image
    markryan
    Answered on October 08, 2019 at 04:51 AM
    here is a screeshot
    It is as I explained
    M
    [image: Screen Shot 2019-10-08 at 7.25.47 pm.png]
    ...
  • Profile Image
    jherwin
    Answered on October 08, 2019 at 05:08 AM

    Unfortunately, the screenshot you have attached in your screenshot didn't reach our support forum. Please open this thread: #1992669 using a browser and re-post the image again.

    Guide: How-to-Post-Screenshots-to-Our-Support-Forum

    We will wait for your response.

  • Profile Image
    markryan
    Answered on October 08, 2019 at 05:15 AM

    Here are the screenshots

    1570526150Screen Shot 2019-10-08 at 7.25


    1570526130Screen Shot 2019-10-08 at 8.12

  • Profile Image
    Kiran
    Answered on October 08, 2019 at 05:45 AM

    I have added the removed CSS code to your form again and the field is now displaying correctly. Please check and let us know if you need any further help.

    Thanks!

  • Profile Image
    markryan
    Answered on October 08, 2019 at 05:51 AM
    Not on my Mac (chrome and safari)
    ref attached
    M
    [image: Screen Shot 2019-10-08 at 7.25.47 pm.png]
    [image: Screen Shot 2019-10-08 at 8.12.09 pm.png]
    ...
  • Profile Image
    jherwin
    Answered on October 08, 2019 at 06:06 AM

    I've tested your form and I was not able to replicate the issue that you were referring to. 

    Have you tried clearing the cache of your safari/chrome browser?.

    Looking forward to your response.

    94123_safari.png

  • Profile Image
    markryan
    Answered on October 08, 2019 at 06:51 AM
    Thanks, Kiran
    How do I get the icon to display my CSS does not seem to work.
    Mark
    -----
    #cid_13_addr_line1:before {
    content : url('
    https://irp-cdn.multiscreensite.com/c89b8afa/dms3rep/multi/mobile/Address+1.png
    ');
    position : absolute;
    top : 0px;
    left : 4px;
    transform : scale(.2);
    margin-top: -9px;
    }
    ...
  • Profile Image
    jherwin
    Answered on October 08, 2019 at 07:25 AM

    Please try to replace that CSS to this:

    div#cid_13:before {
        content : url('https://irpcdn.multiscreensite.com/c89b8afa/dms3rep/multi/mobile/Address+1.png');
        position : absolute;
        top : 0px;
        left : 4px;
        transform : scale(.2);
        margin-top : -9px;
    }

    Guide: How-to-Inject-Custom-CSS-Codes

    Here's the clone version of your form: https://form.jotform.com/92803246381962

    Please give it a try and let us know how it goes.

  • Profile Image
    markryan
    Answered on October 08, 2019 at 08:51 AM
    I inserted your code to my form https://form.jotform.co/92721243120848 and
    the results were not the same to your clone:
    https://form.jotform.com/92803246381962
    Can you add your clone to our account and I will use it
    Mark
    ...
  • Profile Image
    jherwin
    Answered on October 08, 2019 at 09:03 AM

    Hello Mark - As per your request, I cloned my demo form to your account.

    Here's the link of the form: https://form.jotform.co/92803297259871

    For future reference, you can clone the form on your end by following this guide: How-to-Clone-an-Existing-Form-from-a-URL

    Also, please publish or open the form using the direct link to see the logos in your form fields.

    Guide: Where-to-Find-My-Form-URL