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

    Indentation

    Asked by netdiva790 on June 08, 2012 at 11:07 AM

    Why do some of my forms have indent and others don't? Contact us has indentions (looks good) and Appointment Request doesn't. How can I give them all an indention? Where is any code to go?

    Page URL:
    www.omemeeveterinaryhospital.com/contact.htm,appointment.htm

  • Profile Image

    Answered by jeanettebmz on June 08, 2012 at 02:16 PM

    You can adjust the padding of your form by injecting a custom CSS to the class  .form-line

    For example:

    .form-line {

    padding-left: 10px;

    }

    You can increase or decrease that number (10px;) until you get the desired padding.

    Best regards

    Jeanette


  • Profile Image

    Answered by jeanettebmz on June 08, 2012 at 02:28 PM

    Something else, if you want a more ellaborated CSS code to inject into your forms , you can modify the    .form-all   class

    Example:

    .form-all {

    padding:10px 5px 15px 20px;

    }

    Where

    top padding is 10px

    right padding is 5px

    bottom padding is 15px

    left padding is 20px

     

    If you go clockwise

    first number is 12 oclock,

    the second 3 O'clock,

    the third one is 6 O'clcok AND

    the forth is 9 O'clock

     

    Again, those number are just suggestions, play around until you get the desired layout. Let me know if you still need assistance

    Jeanette

  • Profile Image

    Answered by netdiva790 on June 09, 2012 at 01:43 PM
    Jeanette, I've tried to embed your custom css. I go to preferences, click
    the edit spot, paste your code (I made it 20px) and even hit the save icon.
    Each time as I leave the page, it gives me the 'your leaving may not save
    changes' error, but I've already saved. I then get the new embed codes,
    embed in my iframe, but it won't update.

    It's funny, the first form I edited using your instructions (Appointments)
    worked but the others won't update. Can you help? I've put all this vet's
    forms into a folder OmemeeVet.

    Vivian
  • Profile Image

    Answered by ItalyTech on June 09, 2012 at 02:28 PM

    Hi, have you tried to make changes using another web browser ?

    Please try using Firefox and let us know.

    Thanks.

    Alessandro

  • Profile Image

    Answered by netdiva790 on June 09, 2012 at 05:50 PM
    I made the changes with firefox. Any ideas?

  • Profile Image
    JotForm Support

    Answered by liyam on June 09, 2012 at 07:23 PM

    You might need to clear your browser's cache.  I noticed that the CSS code was properly injected in your form.  Can you please check again if your page updates on your end now?

    Thanks.