Move hover text to uncover the time fields

  • lpclibrarian
    Asked on August 20, 2015 at 5: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

  • Elton Support Team Lead
    Replied on August 20, 2015 at 8: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.

  • Kali
    Replied on August 21, 2015 at 3: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

  • David JotForm Support
    Replied on August 21, 2015 at 4: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.