I cant get Hover Info in the same place consistently...

  • snaplash
    Asked on September 20, 2014 at 5:59 PM

    I cant get Hover Info in the same place consistently Screenshot 40

    I cant get Hover Info in the same place consistently Screenshot 51I cant get Hover Info in the same place consistently Screenshot 62

    Hi Jotform - again :-)

     

    My hover info is fine on the text inputs but on the dropdowns it it wont stay on the correct level.

     

    Please look att the attached screen shots.

     

    Any help you could give would be spectacular.

     

    Also on the dropdown menu in FF I cannot see the text as it is set to white, but on chrome and safari it seems to be fine.

    Jotform Thread 431953 Screenshot
  • jonathan
    Replied on September 20, 2014 at 10:31 PM

    Hi,

    Can you please try adding this CSS code to the current existing in your jotform http://www.jotformpro.com/form/42616053842957

    .form-description {

    left: 230px !important;

    top: -78px !important;

    }

     

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

     

    I test the CSS code on a demo jotform http://www.jotform.me/form/42628432256455 

    and it look like this

    I cant get Hover Info in the same place consistently Screenshot 20

     

    Hope this help. Inform us if you need further assistance.

    Thanks.

  • snaplash
    Replied on September 20, 2014 at 10:35 PM

    unfortunately while it works on page one, if you scroll to the last page the hover info becomes unalligned where it previously was not. if you look at the first image, it used to be correct

     

    Thank you, for your input, do you have any other thoughts on this?

  • snaplash
    Replied on September 20, 2014 at 10:37 PM

    oh also, do you have any thoughts on the drop down menu text color?

     

    Thanks!

  • jonathan
    Replied on September 21, 2014 at 12:25 AM

    Sorry I did not noticed the conflict with the Textbox field hover text previously.

    To correct this, let us then use the specific ID# of the field so that the CSS code will not affect the other field that uses the same class.

    Remove the CSS code we used previously. Use this CSS code instead. 

    #id_57 .form-description {

    left: 230px !important;

    top: -78px !important;

    }

    If you notice #id_57 is the 1st Dropdown list... Using the new CSS code will affect only that dropdown field. You can see this update on my demo jotform http://www.jotform.me/form/42628432256455

    I cant get Hover Info in the same place consistently Screenshot 30

    I cant get Hover Info in the same place consistently Screenshot 41

    Inform us if you need further assistance.

    Thanks.

     

    --

    I create a separate post for your next question here http://www.jotform.com/answers/432034

    we will attend to it separately.