How to change position of Hover Text on Date Field that is blocking the field.

  • Profile Image
    yanaluae
    Asked on March 30, 2015 at 05:00 PM

    If hover text is added to a date field, the hover text overlaps the last portion of the field for entry. Is there any way to change the placement of where the hover text is shown?

  • Profile Image
    jonathan
    Answered on March 30, 2015 at 05:57 PM

    I see what you meant when I test by adding the Hover Text on the form.

     

    If you were referring to your jotform http://www.jotformpro.com/form/50856274425964 , you can change the position of the hover text using this CSS code.

    #id_9 .form-description {

      right: -130px !important;

    }

    The #id_9 was specific to that Date field on the form. If you want all Hover text to have same position, you can omit the field ID#  like this...

    .form-description {

      right: -130px !important;

    }

    You can add the CSS code using the Form Designer

     

    The fixed version with the CSS code look like this

     

    Let us know if you need further assistance.

    Thanks.

     

     

     

     

     

     

  • Profile Image
    yanaluae
    Answered on March 31, 2015 at 12:58 PM

    Pefect - Thank you!

  • Profile Image
    Ben
    Answered on March 31, 2015 at 01:49 PM

    In my colleague's name you are welcome.

    Do let us know if you have any further questions and we would be happy to assist.