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

    change column width of matrix

    Asked by coentrast on October 03, 2011 at 07:38 AM

    Hello JotForm,

    I'm busy edditing my form on my web page and I would like to know where I can find the CSS rule for changing the column width of the days. (see attachment) They are to close to the side and it doesn't look clean.
    if I change the CSS rule: form.css-.form-input-wide that it only changes the width of the whole matrix but not the size of the days. Where can I find the CSS rule for that?

    Question nr2: Why is it that the box which appears when you hoover on the phone number is stuck at the end of the form box,

    and not aligned on the question itsellf. Is there a possibility to change that box dynamicly to the size of the question?
    I know that it automatically looks for the longest box, but is there a work around for that?

     

    Help would be very much appreciated, I really like your interface and possibility to change it by myself instead all the CSS and JS files are on a server where I can't change it. So keep up the good work =)

    Thanks in advance,

    Coen

    Screenshot
  • Profile Image
    JotForm Founder

    Answered by aytekin on October 04, 2011 at 03:39 AM

    You can get full form source code and edit the code as you would like. 

    Here is how you can get the form source code. Open the form on the Form Builder:

    1. Open "Setup & Share" tab on toolbar,

    2. Click on "Embed Form"

    3. Click on "Source Code" and copy the code provided.

    Please post your second question on a separate thread. Thanks .