hint obstructs the field, move it to the right

  • Profile Image
    tlinhfma
    Asked on December 08, 2013 at 11:07 PM

    Hi,

    I have a small text field with a "hint" (hover text). The problem is because the field size is small, the hint almost covers it and can obstruct the user from typing into the field. Is there anyway to improve this? For instance, reposition the hint? Or make the hint surrounding box smaller?

     

    Thank you very much,

    Pauline

  • Profile Image
    EltonCris
    Answered on December 09, 2013 at 03:31 AM

    Hi there,

    Inject the following CSS codes to your form, this should moved that hint box slightly to the right. :)

    #id_25 > div.form-description {

    right: -161px !important;

    }

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

    Thanks!

  • Profile Image
    juliocardona
    Answered on December 09, 2013 at 03:39 AM

    Hello ,

    The hint example can be modified by injecting a CSS code in to your form.
    replace you textbox's id where it says "YOUR_TEXTBOX_ID", the code to inject should look like the following: 

    "YOUR_TEXTBOX_ID"{
    font-size:10px;
    text-align:right;
    }

    This will allow you to make the font smaller and align it to the right of the box.

    Guides>

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

    http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

    Hope this helps.

  • Profile Image
    tlinhfma
    Answered on December 09, 2013 at 07:02 PM

    Thank you very much EltonCris - it works perfectly!

    Thanks juliocardona for helping me too.

    Best wishes.