form align left option

  • Profile Image
    Jan Wigestrand
    Asked on April 05, 2011 at 05:48 PM
  • Profile Image
    mliz
    Answered on April 05, 2011 at 08:51 PM

    Hi Jan,

    If you wish to set all field alignment to the left here's how
    to do it:

    1. Open your form in JotForm
    2. Click on 'Form Style' tab on the toolbar
    3. Select 'Label Align'
    4. Choose 'Left Align'

    All fields in the form would then be aligned to the left.

    If it is the whole form that you want to be aligned to the left
    you can override the design using the inject css option:

    1) Open your form to edit.
    2) On the top toolbar> Setup and Embed> Preferences
    3) Write the text below in Inject Custom CSS.

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

     

    4) Click OK.

    You can reduce or increase the left allignment of the form by changing the px size (e.g. 25px)


    Hope this helps.

    Kind Regards,
    Mliz

  • Profile Image
    firstchoiceobgyn
    Answered on July 20, 2012 at 04:34 AM

    None of the suggested css injections or other solutions offered here works. Pls take a look at the form in the footer here: myobgynclifton.com. Or on other pages, they all either center or right align... I've tried everything, even wrapped the script up in a div align tag?

  • Profile Image
    idarktech
    Answered on July 20, 2012 at 06:24 AM

    @firstchoiceobgyn,

    Hi,

    I can see here that your form is now left aligned? Did you already resolved this?

    I also noticed that your form textboxes are cut off slightly on the right side. Reducing its width should solve the problem.

    Let us know if you need any help. Thanks!

  • Profile Image
    firstchoiceobgyn
    Answered on July 20, 2012 at 03:22 PM

    I have no idea which one of the zillion things I tried wirked. Why is it not the default state, this has been an issue for me all along with all the clien sites I'm working on. I love jotforms and I don't want to leave it but this is the simplest thing to fix on your end,

    Thanks anyway.

  • Profile Image
    Mike_T
    Answered on July 20, 2012 at 05:04 PM

    Please also try to inject something like:

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

    I hope that this will do what you want.

    Please feel free to contact us if you need any further assistance. We would love to help!

  • Profile Image
    guest_23275256403046
    Answered on November 23, 2012 at 02:31 PM

    this works for me

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

  • Profile Image
    EduardoMendez
    Answered on November 23, 2012 at 02:36 PM

    We are glad the suggestion is working for you!

    Let us know if you need further assistance and we'll be glad to help!