Hover formatting

  • Profile Image
    Asked on April 18, 2011 at 10:07 AM

    How do I format the size of the hover box?

    See http://form.jotform.com/form/10581301264 

     Select Male and then hover over Shoe Type to see the example image I have added to the hover box.


    I want to add a visual reference for shoe types but the hover box seems to break.

    I would actually prefer the ability to add a window that opens on click if possible.

    I tried adding it as a sub item but it wouldn't work as a pop up, it would take me to a new page.


    Thanks for any help you can give!


  • Profile Image
    Answered on April 18, 2011 at 01:16 PM


    To adjust the size of your hover box, insert this custom css code into your form

    .form-description {
    max-width: 120px;

    Replace the number 120 with any width that you prefer.

    For more information:

    How to Inject Custom CSS?


    To add a new window that opens on click, you may want to use the Free Text HTML tool. You can find it under the Power Tools option.


    After inserting the HTML field, click on it, click the HTML button in the toolbar and then copy your link codes like the sample below.


    Take a look at this example form with a popup link.


    Hope this helps. Let us know if you have other questions.