Hover Text hide my form!

  • Profile Image
    ediganet
    Asked on March 09, 2011 at 02:02 PM

    Hi JotForm Staff,

    when i create a long item the hover text hide it.

    It´s possible hide or relocate the hover text?.

    Thanks for all.

  • Profile Image
    techinso
    Answered on March 10, 2011 at 03:54 AM

    Hello,

     

    It is indeed possible to relocate the hover box. I did a test with your form and the result after the modification of the css file is:

    http://screencast.com/t/kXo2oAYL5Za

     

    The file I have modified is css/styles/form.css

    The following section had been modified from:

    .form-description{
        z-index:1000;
        position:absolute;
        right:7px;
        max-width:150px;
        top:6px;
        border:4px solid #ccc;
        -webkit-border-radius:6px 6px;
        -webkit-box-shadow:0px 2px 4px #666;
        -moz-border-radius:6px 6px;
        -moz-box-shadow:0px 2px 4px #666;
        border-radius:6px 6px;
        box-shadow:0px 2px 4px #666;
        background:#f5f5f5;
        white-space:normal;
    }

     

    to

     

    .form-description{
        z-index:1000;
        position:absolute;
        right:-200px;
        max-width:150px;
        top:6px;
        border:4px solid #ccc;
        -webkit-border-radius:6px 6px;
        -webkit-box-shadow:0px 2px 4px #666;
        -moz-border-radius:6px 6px;
        -moz-box-shadow:0px 2px 4px #666;
        border-radius:6px 6px;
        box-shadow:0px 2px 4px #666;
        background:#f5f5f5;
        white-space:normal;
    }

     

    It is a bit dirty fix, but given the length of your hover text as well as the width of your form fields, I do not see a more suitable solution than that.

     

    Best Regards,

    Yanislav Ivanov

  • Profile Image
    ediganet
    Answered on March 10, 2011 at 04:48 AM

    Awesome!!! Perfect!!

    Thanks a lot Yanislav is enough for me!!!!.