How do I control the position/location of the Hover "Bubble/Cloud"?

  • Profile Image
    caroberts
    Asked on November 09, 2014 at 03:57 PM

    When I change the size of the field...the hover "bubble" is sometimes too far left or too far right.

     

    Specifically the Hover for these fields:

    the Employee Name Field, Employee Number Field, Type of Request Field and Use PTO?Field on my form:

    http://form.jotform.us/form/43114025199147

     

    Thanks!

    Carrie

     

  • Profile Image
    ashwin_d
    Answered on November 10, 2014 at 01:31 AM

    Hello Carrie,

    Please inject the following custom css code in your form to adjust the position of the hover text of the above fields:

    #id_4 .form-description {

    left: 230px;

    width: 91px;

    }

    #id_5 .form-description {

    right: -107px;

    width: 130px;

    }

    #id_11 {

    width: 310px !important;

    }

    #id_11 .form-description {

    left: 203px;

    }

    li#id_12 {

    width: 300px !important;

    }

    #id_12 .form-description {

    left: 154px;

    }

    The following guide should help you in injecting custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you need any other changes.

    Thank you!