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

    hint obstructs the field, move it to the right

    Asked by tlinhfma 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

    Screenshot
    hint text field problem size
  • Profile Image
    JotForm Support

    Answered by EltonCris 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

    Answered by juliocardona 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

    Answered by tlinhfma on December 09, 2013 at 07:02 PM

    Thank you very much EltonCris - it works perfectly!

    Thanks juliocardona for helping me too.

    Best wishes.