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

    How can I control the appearance of a specific field type using css?

    Asked by teachlearngrow on January 15, 2016 at 08:54 AM

    I have been using CSS to give my text fields a width of 1/2 of the sub-label-container's width using:

     

    .form-textbox {

        width : 50%;  

    }

     

    This works well for me and I still want that affect for those fields, however I have noticed that the date/time field also uses text boxes assigned the same class and their width is affected as well.

    Is there a way I can specify a different width for specifically the date/time text boxes, so that I can fit them all onto the same line? I thought maybe each box would be given an id depending on the type of field it's a part of but I haven't been able to find any information about that or whether I am able to add my own. 

     

    Thanks in advance for any help, 

    Deion

    field type custom css field id
  • Profile Image

    Answered by teachlearngrow on January 15, 2016 at 09:14 AM

    Don't worry, found the ID's 
    http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

  • Profile Image
    JotForm Support

    Answered by Mike on January 15, 2016 at 11:50 AM

    Thank you for your update.

    Alternatively, this is possible to double-click on a field input wile in a CSS editor in order to select it.

    We also have some CSS examples related to the fields positioning and the bottom of the next guide.

    How to Position Fields in JotForm

    If you need any further assistance, please let us know.