I am getting a distorted display of the box "This field is required".

  • ht12345
    Answered on June 01, 2011 10:02 PM
    I am getting a distorted display of the box "This field is required". Can I eliminate showing of the box and just have the text pop up.
    Thanks,
    HT
  • abajan Jotform Support
    Answered on June 01, 2011 10:14 PM

    Hi HT

    To my knowledge, while you can prevent the "This field is required" element from being displayed, there is no simple way to just have the text pop up.

    To suppress the display of the message, inject the following CSS into your Preferences:

    .form-error-message {
    display:none;
    }

    Please let us know if this solution meets your expectations and if there is anything else related to our forms with which you would like assistance.


    ~ Wayne

    P.S. Here is how to get to the "Inject Custom CSS" section: Setup & Embed > Preferences > Form Styles > Inject Custom CSS. Remember to save the updated form. By the way, you say you are getting a distorted display of the "This field is required." box. How so?

  • ht12345
    Answered on June 01, 2011 10:40 PM

    Hi Wayne,

    Actually, Things are perfect in the preview within your site. But as soon as I copy-pasre the source code into my under-construction site some things get distroted:

    1- the Heading box where I have" Buying...", Desired..." and the last box. The width of the white box is greatly reduced compare to what it is in your site prwview.

    2- when I skip over the required filelds The message pops up: This fielsd is required" but the picture of the box where the tip of the arrow is, gets distorted.

     

  • abajan Jotform Support
    Answered on June 01, 2011 11:04 PM

    Hi again

    Usually, all sorts of issues are overcome by using the iFrame option to embed forms but could you please provide the URL of the page in containing the form, so that we can have a look at the source?

    Thanks.


    ~ Wayne