How to adjust width of form?

  • ardin
    Asked on August 17, 2016 at 6:04 AM

    Hi All,

    Can you please assist me in adjusting the width of my form? The text boxes and matrix? The 4th and 5th columns in my matrix are not adjusting. 

    Also, I want the image to be still only, not moving when I scroll.

     

    Thank you,

    Ardin Esguerra

    Page URL: https://form.jotform.co/60326346829864
  • Charlie
    Replied on August 17, 2016 at 9:16 AM

    You should be able to adjust your form's width and its fields by using the Form Designer Tool. To learn more about that use of it, you can check this guide: https://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms- 

    If you are familiar with CSS coding, you can also inject your own custom CSS to style your form. 

    Let us know if you need more assistance on this.

     

    For the concern regarding the background image of your form, I have opened a separate thread for it. Please refer to this link instead: https://www.jotform.com/answers/908480. I will address it shortly.

    Thank you.

  • ardin
    Replied on August 17, 2016 at 9:24 PM

    Hi Charlie,

    Can you please check, nothing happens when I'm trying to open my Form Designer Tool.

     

    Thank you!

  • Kiran Support Team Lead
    Replied on August 18, 2016 at 1:51 AM

    I have checked your account and see that the Form Designer is loading fine at my end without any issues. Could you try accessing the Form Designer once again using a different browser and see if that works?

    The width of the textboxes can be changed from the Form Designer as you need. Please go through the guide provided by our colleague that provides you with basic video tutorials to use the Form Designer.

    You may inject the following CSS code to your JotForm to set the columns of the matrix table equal.

    .form-matrix-column-headers {

        width: 40px !important;

    }

    Let us know if you still experience any issue with accessing the Form Designer. We will be happy to assist you further. 

  • ardin
    Replied on August 18, 2016 at 2:59 AM

    Still the same issue. Also, what happened with my form? It went back to its ugly state, the one before I started editing it.

  • Ashwin JotForm Support
    Replied on August 18, 2016 at 6:28 AM

    Hello ardin,

    I did check your form #60326346829864 and it seems to display correctly. The width of matrix field columns are being displayed correctly and so is your form. Please check the screenshot below:

    How to adjust width of form? Image 1 Screenshot 20

     

    Please let us know which part of form or the matrix field is not displaying correctly and we will take a look. You may also like to share a screenshot of the problem. The following guide should help you how to upload image in forum post:  http://www.jotform.com/answers/277033 

    We will wait for your response.

    Thank you!