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

    Urgent: Format Edits Needed

    Asked by RogerYelvington01 on July 06, 2015 at 12:16 AM

    Hi Guys!

    I'm working on two forms tonight, that I need to have ready for use tomorrow, and I'm trying to make them user friendly.  I have attached a visual reference, but in short:

    1.  I want to change both of these forms to have 3 columns, but when I do, I lose the style, color, sizing, etc

    2.  I would like to change the SAVE AS PDF (PRINT) Button to be displayed to the left of the "Submit" button

    I need to do these changes on both of the forms:
    http://form.jotformpro.com/form/51828778904975
    http://form.jotformpro.com/form/51543959296974

     

    I will be up working, and thank you for your help!

    Kind regards,

     

    Roger

    Page URL:
    http://form.jotformpro.com/form/51828778904975

    Screenshot
    format style print sizing two forms
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 06, 2015 at 04:33 AM

    Hi RogerYelvington01,

    Thanks for contacting us.

     

    For your first concern, to change form to have 3 columns, just follow the steps below:

    a. Inject the custom CSS code below in your form.

    .form-line-column{

    width: 33.33% !important;

    }

    To inject custom CSS code below, just follow the instructions provided in this article: How to Inject Custom CSS Codes.

    b. Move Today Is field. Follow the instructions provided in the demo below.

    c. Arrange TODAY'S SALES RESULTS fields. Follow the instructions provided in the demo below.

    d. Arrange Start Time and End Time fields. Follow the instructions provided in the demo below.

     

    Regarding your second concern, I am currently checking the form. Please give me more time to check this. I will get back to you as soon as I get a result.

     

    Regards.

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 06, 2015 at 04:49 AM

    Hi RogerYelvington01,

     

    For your second concern, can you try injecting the custom CSS code below?

    .form-submit-print{

      position: absolute;

      left: 10px;

    }

    .form-submit-button{

     position: absolute;

     left: 160px;

    }

    .form-all {

      padding-bottom: 50px;

    }

     

    By the way, I have cloned one of your form and implemented the changes I suggested. If you want, you can clone it. You can check it here.

     

    Do let us know if you need further assistance.

     

    Regards.