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

    Can I get some help with some CSS

    Asked by cgnz on January 20, 2013 at 05:11 PM

    Hi.

     

    With the form at the link below, I would like to achieve the following:

    Have all Text Box's the same width

    Have all Text Area's the same width

    I would like to lessen the 'buffer area' around the Text boxes in the matrix's (it will make my PDF form look neater)

    Also with the top matrix ("Detail") , how can I lesson the width of the text field?


    Many thanks in advance

     

     

     

     

     

     

    Page URL:
    http://www.jotform.com/?formID=30167366088964

  • Profile Image
    JotForm Support

    Answered by jonathan on January 20, 2013 at 07:24 PM

    Hi,

    You can add this code to specify the widht of textbox and textarea

    .form-textbox,.form-textarea{width:400px;} -- 400px is just a sample (change it to what you need)

    In your already existing CSS code, you can set the padding to zero(0) to furhter lessen the buffer you were refering to. Look for this part of the code in your existing code for the matrix table

    padding-left: 1px;padding-right: 1px;

    As for the width of the matrix column headers, they acutally go with the widht of the input textboxes field in the matrix (if you resize the textbox in the matrix they column headers will also go with it.)

    Hope this help. Please inform us if you have further inquiry.

    Thanks.