How To Make Form Smaller

  • Profile Image
    helenavic
    Asked 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.

  • Profile Image
    pinoytech
    Answered 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
    helenavic
    Answered on July 31, 2013 at 06:04 AM

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

  • Profile Image
    jefreylandicho
    Answered 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
    pinoytech
    Answered 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
    helenavic
    Answered 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
    pinoytech
    Answered 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
    helenavic
    Answered 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
    sidharth_kch
    Answered 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!