How can I move the hover text bubble

  • Profile Image
    Sreddy
    Asked on April 27, 2016 at 11:58 AM
  • Profile Image
    david
    Answered on April 27, 2016 at 12:42 PM

    Adding this code to your form should move the the hover text so that you can see the full field:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-description {

        top : -120px;

    }

    .form-description-arrow {

        border-color : #f3b767 transparent transparent transparent;

        border-style : solid;

        border-width : 10px;

        height : 0;

        width : 0;

        left : 20px;

        top : 120px;

        position : absolute;

    }

    .form-description-arrow-small {

        border-color : whiteSmoke transparent transparent transparent;

        border-style : solid;

        border-width : 7px;

        height : 0;

        width : 0;

        left : 23px;

        top : 119px;

        position : absolute;

    }

    Here is what the form would look like with the code added:

    https://form.jotform.com/61175339717966

  • Profile Image
    Sreddy
    Answered on April 27, 2016 at 01:38 PM

    How to I add the code ot my form 

  • Profile Image
    Sreddy
    Answered on April 27, 2016 at 01:45 PM

    Thanks David got it. 

  • Profile Image
    david
    Answered on April 27, 2016 at 02:51 PM

    Very welcome.  If there is anything else we can help with, just let us know.

  • Profile Image
    Sreddy
    Answered on April 27, 2016 at 04:09 PM

    When I go back to reuse the form the changes are not saved. 

  • Profile Image
    Sreddy
    Answered on April 27, 2016 at 04:18 PM

    How  do I save the changes so I can reuse the form.

  • Profile Image
    david
    Answered on April 27, 2016 at 04:53 PM

    The changes should save without issue.  If you would like, you can clone my copy that is set up already:

    http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Using this URL:

    https://form.jotform.com/61175339717966