How to minimize a form container size and position it

  • Retop13
    Asked on March 11, 2016 at 3:15 AM

    Как сделать область формы минимум , выбрал шаблон удалил ненужные поля у меня только отправить и адрес сайта но поле формы большую область занимает как только начинаю редоктировать цвет текста не получается хелп

  • Charlie
    Replied on March 11, 2016 at 3:43 AM

    I am not quite sure if I understand your concern correctly. My translation is not that good, I'm sorry. I see you have 3 forms, all are being updated. I also see that they are asking for website URLs.

    http://www.jotformeu.com/form/60702017698356 

    http://www.jotformeu.com/form/60701606680350 

    http://www.jotformeu.com/form/60683001708349 

     

    You seem to have already made adjustments on them. You can use the Form Designer Tool to change their width, or if you are familiar with CSS code, you can also insert them directly in your CSS tab in the Form Designer Tool.

    Perhaps you can share us a screenshot of what you are expecting of the form and what the error is?

     

    If you don't want the text box to adjust differently when an error is highlighted, you can use this custom CSS code:

    li.form-line.form-line-column {

        max-width: 320px !important;

        width: 320px !important;

    }

    How to minimize a form container size and position it Image 1 Screenshot 30

    It would also be best to set your submit button's alignment to "Left".

    How to minimize a form container size and position it Image 2 Screenshot 41

    Here's my cloned form: https://form.jotform.com/60701799920966. You can have a copy of it in your account by cloning it, here's a guide on how to clone my form: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Let us know if you need more help on this.

  • Retop13
    Replied on March 22, 2016 at 8:45 AM
    Здравствйте ,вы не подскажите как всю форм сместить влево право центр ,с уважением игорь
    11.03.2016, 11:43, "JotForm" :
    ...
  • Mike
    Replied on March 22, 2016 at 10:20 AM

    We center the forms by default, but this might not be a case if you use some custom form template or a theme.

    To move form to the left, you can add the next CSS:

    .jotform-form {
    padding: 0;
    }

    .form-all {
    margin-left: 0;
    }

    How to minimize a form container size and position it Image 1 Screenshot 40

    How to minimize a form container size and position it Image 2 Screenshot 51

    To the right:

    .jotform-form {
    padding: 0;
    }

    .form-all {
    margin-right: 0;
    }

    How to minimize a form container size and position it Image 3 Screenshot 62

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

  • Retop13
    Replied on March 23, 2016 at 8:45 AM
    Спасибо да теперь знаю как смещать посмотрите пожалуйста форму http://qualityservise.ru/zayavka-na-raschet.html не работает кнопка кол-во помещений не переключается больше 1
    Спасибо заранее с уважением Игорь

    22.03.2016, 17:19, "JotForm" :
    ...
  • Jan
    Replied on March 23, 2016 at 10:34 AM

    Glad to hear that the alignment problem is now resolved. Since you are describing about a different issue, I will have to move your inquiry to another thread. Here's the URL: https://www.jotform.com/answers/800887

    Thank you.