On Chrome field focus and error highlighting extend beyond the right edge of my form?

  • aylin77
    Asked on February 8, 2016 at 10:24 AM

    Hi,

    On Chrome, field focus and error highlighting extend beyond the right edge of my form, I don't understand why?

    Thank

    Jotform Thread 766902 Screenshot
  • BJoanna
    Replied on February 8, 2016 at 11:43 AM

    I was able to replicate mentioned issue on your form http://www.jotform.com/60353805015346.

    You can change the width of highlighting error by Injecting Custom CSS. Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-line, .form-line-error {

    width: 600px;

    }

    On Chrome field focus and error highlighting extend beyond the right edge of my form? Image 1 Screenshot 30

    After you add this code you form will look like this.

    On Chrome field focus and error highlighting extend beyond the right edge of my form? Image 2 Screenshot 41

    Here is my cloned form where I added mentioned CSS code: 

    https://form.jotform.com/60384166181960 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.