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 Text is blocking the DateTime Field

    Asked by melodicsounds on March 26, 2016 at 04:48 PM
    Look 
    hover text css code
  • Profile Image
    JotForm Support

    Answered by jonathan on March 26, 2016 at 05:01 PM

    I was able to reproduced the issue when using Firefox browser on your form https://www.jotform.com/60475509973971 

     

    In Chrome browser, it works just fine. No matter how I resize the Chrome browser, the Hover text was abel to properly positioned on top of DateTime field.

     

    There is a need to re-position the Hover text field using custom CSS codes so that it doesn't blocked the field.

    Allow us some more time to figure out the correct CSS code. We will get back to it shortly.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on March 26, 2016 at 06:09 PM

    Please try adding this CSS code on your form  https://www.jotform.com/60475509973971 

    #id_49 div.form-description {

        position : static !important;

        float : right;

        margin-top : -130px;

    }

    You can check how it works on my test form https://form.jotform.com/60856299464975

    Hope this help. Let us know if you need further assistance.

     

     

     

  • Profile Image

    Answered by melodicsounds on March 26, 2016 at 06:13 PM

    Thanks will try it.. I will need to apply this to all my other forms... how to know the ID#? of that field in each other forms?

  • Profile Image
    JotForm Support

    Answered by jonathan on March 26, 2016 at 06:36 PM

    You can review this video guide on how to:  http://www.jotform.com/form-designer/tuts/episode4/

    To get the specific Element ID# you need to double-click the field while in the CSS inspector.

    For your form, it can be a bit tricky getting the form-description ID#(hover text) because it is hidden. But what you can do is to disable first the hidden field (DateTime) so that you can properly view the Hover Text on the Form Designer.

    Take a look on my video below on how I was able to capture the specific element ID# for that specific hover text.

     

    Let us know if you need further help.