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

    Move hover text to uncover the time fields

    Asked by lpclibrarian on August 20, 2015 at 05:08 PM

    Hello,

    We would like to have hover text over a date selection question that instructs people regarding the dates available for them to choose.  We would also like to have the date selection include a time selection.  Unfortunately, when we add the hover text, the hover text covers the time selection when a user is filling out the form.  They can still tab through, but it makes it difficult for them to see what times they are doing/selecting.  The placement of the hover text only seems to take into account the date fields -- is there any way to get it to move over further when there are time fields as well.

    Thank you,

    Kali

    Page URL:
    http://www.jotform.us/lpclibrarian/libraryorientationrequest

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 20, 2015 at 08:39 PM

    Hello Kali,

    Did you remove the hover text on the calendar fields on your form? I can't seem to see it as of this writing. I suggest to put it back and inform us here so we can provide to you the CSS codes needed to move it slightly to the right. Yes, it can be resolve by injecting custom CSS codes to your form http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    We'll await your reply.

  • Profile Image

    Answered by Kali on August 21, 2015 at 03:13 PM

    Hello,

    Thank you so much for your reply!  Yes, I had removed the hover text, since a couple of our users were getting frustrated with it while trying to fill it out, but I have now added it back in and  I am ready for the CSS codes!  I also have another survey with the same issue, so I will want to include them in both.

    Thanks again,

     

    Kali

  • Profile Image
    JotForm Support

    Answered by david on August 21, 2015 at 04:11 PM

    Adding this code to your form should allow for the hint text to moved further to the right:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-line.jf-required.allowTime {
        width : 750px;
    }

    Here is my test form with the code added:

    http://form.jotformpro.com/form/52326341884962

    If you have any further questions, let us know and we will be happy to help.