Problems with Form display

  • mreade
    Asked on January 5, 2018 at 11:41 AM

    Hello.

    I am having problems with the way this form is displaying in "live" mode.   All the form questions are squashed up on the left hand side.  For instance the text for  "Your full telephone number" should appear on one line rather than like this as at present:

    Your full
    telephone
    number

    Please can you help?

    Thanks, Michael

  • Adrian
    Replied on January 5, 2018 at 1:06 PM

    I checked your form and it seems to be displaying properly now.

    Next time please check the Label Alignment. Make sure it is set to TOP to achieve the result you want.

    1515175553asdasd Screenshot 10


    Let us know if you need further help.

  • mreade
    Replied on January 8, 2018 at 5:43 AM
    Hi Adrian- thanks for that.
    I’m using two input tables in my form. Is it possible to make the input boxes longer in length so that there is more space for people to type their names?
    Best
    Michael
    ...
  • Adrian
    Replied on January 8, 2018 at 7:09 AM

    You can try changing the width of the form to 1000px or even bigger.

    1515413219asdfgh Screenshot 10

    After that add some custom CSS.

    .form-matrix-table {

      width: 100%;

    }

    .form-matrix-table .form-textbox {

      width: 90%;

    }

    Click the following link to see How to Inject Custom CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    DEMO: https://form.jotform.com/80072515421951


    You can also add the weekdays in ROWS instead of COLUMNS.


    Let us know if you need further help.