How can we move the hover text around?

  • Profile Image
    YouBidLocal
    Asked 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
    Goldo
    Answered 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
    YouBidLocal
    Answered on April 30, 2012 at 04:04 PM

    20433409447

  • Profile Image
    idarktech
    Answered 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
    YouBidLocal
    Answered 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
    Goldo
    Answered 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
    YouBidLocal
    Answered on May 07, 2012 at 09:42 AM

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

  • Profile Image
    pinoytech
    Answered 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!