How to position hover text

  • Profile Image
    RoystonOng
    Asked on November 30, 2016 at 05:59 AM

    What if you want to hover over a specific word? Currently the text hovers over my selections, meaning my clients will not be able to select the option the hovering text has covered.

  • Profile Image
    BJoanna
    Answered on November 30, 2016 at 06:21 AM

    You have only one form http://www.jotform.co/form/63329266535865 on your account and only one field on that form has Hover text, so I assume that you are working on that form and that you have issues with hover text of matrix field "Will reduce suffering associated with recessive diseases".

    You can move hover text box to the right by injecting this CSS code to your form:

    #id_35 div.form-description {

        right : -140px;

    }

    How to Inject Custom CSS Codes

    After you add mentioned CSS code hover text of mentioned field will look like this.

    Here is my demo form: https://form.jotform.com/63342252212948 

    Feel free to test it and clone it

    I also noticed that your form does not have submit button. Please note that your form can not be submitted without submit button. 

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

  • Profile Image
    Royston
    Answered on November 30, 2016 at 08:10 AM

    Hi thanks for the prompt reply. can I get it to work when my clients mouse over the word? I was hoping the hover to work like a prompt or toolkit if that's the right word to use?

     

    Thanks in advance.

  • Profile Image
    Nik_C
    Answered on November 30, 2016 at 09:11 AM

    Unfortunately, Hover Text option can only be applied to a whole field in our Form Builder. 

    If you would like to apply some custom Hover text to one word, that will require that you download the whole source code of your form and make custom Hover by using JavaScript or something similar.

    If you have any additional questions please let us know.

    Thank you!