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

    How can I make the hover text window not drop down, but drop up?

    Asked by rbarber on May 10, 2011 at 07:22 PM

    Hi,

    My hover text over 'Terms and Conditions' at http://www.practicesoloing.com/submissions.html opens in a window that drops down. The problem is that not all of the text in the hover window is visible (and if you try to reach it with the mouse it has disappeared by the time you get there).

    How can I make the hover text window not drop down, but 'drop' up?

    Thanks,

    Richard

    Page URL:
    http://www.practicesoloing.com/submissions.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 10, 2011 at 08:52 PM

    Hi Richard,

    Try this css code:

    .form-description {
      
    top-235px;
       max-width: 150px;

    }

    Adjust the value of top to position the hover text precisely. Also, you might want to adjust max-width to make your terms and conditions appear more readable.


    Neil

  • Profile Image
    JotForm Support

    Answered by abajan on August 28, 2011 at 11:53 AM

    Hi Richard

    While searching the forum for a solution to a query in another thread, I stumbled upon this one.

    I have cloned your form and re-positioned both the hover text box and it's arrow. I have also replaced the "Terms and conditions" radio button with a check box (since radio buttons, once selected, cannot be deselected unless another radio button in the same field is selected) and attached two (2) conditions to the said field which prevent submission of the form unless the user agrees to the terms.

    If you wish, you can clone my clone, copy the injected CSS, change the radio button to a check box and create the same conditions in your original form.

    Cheers


    ~ Wayne