How to position hover text

  • RoystonOng
    Asked on November 30, 2016 at 5: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.

  • BJoanna
    Replied on November 30, 2016 at 6: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.

    How to position hover text Image 1 Screenshot 20

    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.

  • Royston
    Replied on November 30, 2016 at 8: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.

  • Nik_C
    Replied on November 30, 2016 at 9: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!