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

    Placeholder Text for a Dropdown Menu & Form Styling Question

    Asked by AdminRSCM on January 24, 2017 at 03:26 PM

    Is there a way to add placeholder text to a drop down menu?

    My current form has placeholder text for the form labels, I would like to do that same for the dropdown menu with the text How Did You Hear About Us?

     

    Also, keeping the form in the same width, how can I get all form fields to be on the same form line?

    Page URL:
    http://healthstarclinic.com/

  • Profile Image
    JotForm Support

    Answered by Chriistian on January 24, 2017 at 06:32 PM

    Hi there,

    Please see below for the responses.

     

    My current form has placeholder text for the form labels, I would like to do that same for the dropdown menu with the text How Did You Hear About Us?

    - You can achieve this by going to Dropdown field's Properties > Options and enabling/providing Show Text in Empty Option. Please see steps below.

     

    Also, keeping the form in the same width, how can I get all form fields to be on the same form line?

    I am afraid you will have to decrease the width of each of your fields as well. Please inject the following CSS to your form.

    .form-line {

    width: 19% !important;

    }

     

     

    If you need further assistance, please let us know.

    Regards.

     

  • Profile Image

    Answered by AdminRSCM on January 25, 2017 at 08:36 AM

    thank you-

    how can i change the font size and color of the placeholder text for the dropdown menu?

     

    Also, is there a way to style the hover text box that appears when you hover over montgomery or prattville? the hover box is currently far to the right and hard to read. I would like the hover text box to be above or below the circle options

  • Profile Image
    JotForm Support

    Answered by owen on January 25, 2017 at 09:50 AM

    Hi,

    Please go to Advanced Designer by clicking "Design" on the form builder. Click the dropdown field and choose the text color you'd like. Please see:

    To change the position of the hover text click the CSS tab and hover around the radio buttons to make the hover text visible. Then click on the text to declare it as a CSS selector. When you do this, you can give margin attribute to change its position. Please see:

    Please let us know if you encounter any issues.

    Thank you for contacting us. 

  • Profile Image

    Answered by AdminRSCM on January 25, 2017 at 10:21 AM

    i cant move the hover text box. Can you give me the css code to move this?

  • Profile Image
    JotForm Support

    Answered by BJoanna on January 25, 2017 at 11:22 AM

    If you want to move hover text of radio button field closer to that field add this CSS code to your form:

    #id_23 div.form-description {

        right : -80px!important;

    }

    How to Inject Custom CSS Codes

    Here is my demo form: https://form.jotform.com/70244496071960 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

     

  • Profile Image

    Answered by AdminRSCM on January 25, 2017 at 12:20 PM

    great.

    in the dropdown form field i have on this form, when you select an answer, part of the selection is hidden- how can i move over that selected answer in the form box?
  • Profile Image
    JotForm Support

    Answered by BJoanna on January 25, 2017 at 12:27 PM

    I have moved your last question to separate thread and we will provide you an answer there shortly. 

    https://www.jotform.com/answers/1046261 

  • Profile Image

    Answered by AdminRSCM on January 25, 2017 at 02:11 PM

    i added the css back to my form and it still isn't working. I also looked at your demo form and see the same issue:

  • Profile Image
    JotForm Support

    Answered by BJoanna on January 25, 2017 at 02:13 PM

    You probably wanted to post your reply in your other thread https://www.jotform.com/answers/1046261, so I will provide you an answer there.