What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Hover formatting

    Asked by otabo 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!


    Page URL:

  • Profile Image
    JotForm Support

    Answered by NeilVicente 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.