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

    How To Make Form Smaller

    Asked by helenavic on July 31, 2013 at 03:33 AM

    I `ve done my forme based on your template. but I want it to me smaller proportionally. how can I do it.

    Page URL:
    http://truckday.ru/

    size template
  • Profile Image

    Answered by pinoytech on July 31, 2013 at 05:15 AM

    Hi,

    Using custom css and inject into your form, you can adjust the size of your form. Here's the guide on how to inject custom css into your form: http://www.jotform.me/help/117-How-to-Inject-Custom-CSS-Codes

    Thank you!

  • Profile Image

    Answered by helenavic on July 31, 2013 at 06:04 AM

    Pinotech, Я ПРОБОВАЛА изменить ширину поля, как ты показал в настройках, и у меня осталось половина поля. мне нужно что бы размер формы уменьшился пропорцинально, в 2 раза и вссе поля внутри ее

  • Profile Image

    Answered by jefreylandicho on July 31, 2013 at 06:28 AM

    To make your form smaller, you can use the Form Width Icon to decrease the form width size. To do that, go to Setup & Embed.

    If you need to have all the field smaller as well, please inject the CSS code below

    input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] { height:10px; font-size:9px; }

    .form-line.form-line-column { padding:0px;}

    .form-label-top, .form-label-left, .form-label-right { font-size:10px; }

  • Profile Image

    Answered by pinoytech on July 31, 2013 at 06:47 AM

    Hi,

    I've cloned your form and made some workaround on it for you to check if this is something you want to achieve.

    http://www.jotformpro.com/form/32112747344954

    Feel free to contact us again if you need further assistance.

    Thank you!

  • Profile Image

    Answered by helenavic on July 31, 2013 at 04:31 PM

    Thank you for your work. But I want this form to be smaller. The wide is to be about 250pks.now this form is 380 pks wide. when I try to resize it with your site option, the form became half-looking view.
    Среда, 31 июля 2013, 6:47 -04:00 от JotForm Support Forum:
  • Profile Image

    Answered by pinoytech on July 31, 2013 at 05:23 PM

    Hi,

    I've made some adjustments to the form as per requested. Kindly take a look it now: http://www.jotformpro.com/form/32112747344954

    Feel free to contact us again if you need further assistance.

    Thank you!

  • Profile Image

    Answered by helenavic on August 01, 2013 at 01:43 AM
    where can I find the WP html code of your resized form
    Среда, 31 июля 2013, 6:47 -04:00 от JotForm Support Forum:
  • Profile Image

    Answered by sidharth_kch on August 01, 2013 at 02:56 AM

    @helenavic

    You can clone this form in your account and then get the WP embed script.  Please refer this guide on how to clone a form: How to clone an existing form from a URL

    Please let us know if you need further assistance.

    Thanks!