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 we move the hover text around?

    Asked by YouBidLocal on April 30, 2012 at 03:40 PM

    In our JotForm we have some hover text that ended up covering some buttons, they need to be moved, but I can't find them in editing mode.

  • Profile Image
    JotForm Support

    Answered by Goldo on April 30, 2012 at 03:58 PM

    This can be done by injecting CSS into the form. Provide us the form ID so that we can check.

  • Profile Image

    Answered by YouBidLocal on April 30, 2012 at 04:04 PM

    20433409447

  • Profile Image
    JotForm Support

    Answered by idarktech on April 30, 2012 at 06:52 PM

    @YouBidLocal,

    If you are referring this to the two date elements on your form which are Pick-Up and Preview (times) then you may inject this CSS codes to your form:

    #id_58 .form-description{

    position: absolute;

    left: 420px;

    width: 400px;

    }

    #id_58 .form-description{

    position: absolute;

    left: 520px;

    width: 400px;

    }

    CSS Injection Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Should you need any further assistance, be sure to let us know. Thanks!

  • Profile Image

    Answered by YouBidLocal on May 01, 2012 at 01:49 PM

    This worked fine for the open/close dates, but removed the preview hover and didn't move the pickup hover...

     

    Is it also possible to edit the text inside these bubbles?

  • Profile Image
    JotForm Support

    Answered by Goldo on May 01, 2012 at 02:24 PM

    Hover text on Preview (times) is gone because you've included display: none; on #id_58 CSS. Removing display: none; should do it.

    This CSS should work. Copy paste it please.

    #id_58 .form-description{
    position: absolute;
    left: 420px;
    width: 400px;
    }
    #id_60 .form-description{
    position: absolute;
    left: 420px;
    width: 400px;
    }

    You can adjust the left and width attributes to your needs.

    Is it also possible to edit the text inside these bubbles?

    - Yes, right click on the field and go to properties, then look for hover text.

  • Profile Image

    Answered by YouBidLocal on May 07, 2012 at 09:42 AM

    Thanks! I pieced it all together and it's working now...

  • Profile Image

    Answered by pinoytech on May 08, 2012 at 11:02 AM

    Good to hear that and you are welcome. If you need further assistance, please don't hesitate to contact us again anytime.

    Thank you for using JotForm!