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

    Purchase Order - Layout Question

    Asked by RogerYelvington01 on January 16, 2014 at 04:42 PM

    Hey Guys,

    I need to format the order form on this page:
    http://forms.atfgyms.com/form/40135756773964 

     

    To be exactly the same layout as was done for me on this page - on page 6 - (by EliezerN):
    http://form.jotformpro.com/form/40146712275955 

     

    Thank you for your help!

    Roger

    Page URL:
    http://forms.atfgyms.com/form/40135756773964

    layout purchase order form format same
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on January 16, 2014 at 08:45 PM

    I think I've answered to you in your previous thread

  • Profile Image

    Answered by RogerYelvington01 on January 16, 2014 at 09:11 PM

    Hi Jeanette - Which thread?  I do not have the script for this, can you please copy it here.  I think you might be talking about a similar page.

  • Profile Image

    Answered by Cesar on January 16, 2014 at 11:44 PM

    Just as on http://forms.atfgyms.com/form/40135756773964, I will go ahead and perform modifications on a cloned version of your form. Once I have it ready. I'll let you know through this thread. Thank you.

  • Profile Image

    Answered by Cesar on January 17, 2014 at 12:51 AM

    Kindly take a look at this Example Form. Based on the code earlier provided by our colleague EliezerN

    https://cms.jotform.com/uploads/image_upload/image_upload/global/23614_redis.png

    Do let us know if you need further assistance. Thank you.

    Form: http://form.jotformpro.com/form/40158743156960?

    CSS Code: http://pastiebin.com/52d8c44ccfb25

  • Profile Image

    Answered by RogerYelvington01 on January 17, 2014 at 01:01 AM

    Cesar!  You da man, very close, but I"m seeing very large spacing gaps between each row.  Is this something I could adjust in the code myself?

    I'd like the row spacing to be comparable to:
    http://form.jotformpro.com/form/40146712275955

    (The one done for the other form)

     

    Thank you!

     

  • Profile Image

    Answered by Cesar on January 17, 2014 at 02:00 AM

    Do try this modification. 

    https://cms.jotform.com/uploads/image_upload/image_upload/global/23617_v2.png

     

    Do let us know if you need further assistance. Thank you.

    Form: http://form.jotformpro.com/form/40160587393962

    Code: http://pastiebin.com/52d8d27b3c560

  • Profile Image

    Answered by RogerYelvington01 on January 17, 2014 at 02:21 AM

    Cesar!

    Thank you, very close, but the coupon code box is not carrying over, do you know how we can fix that part?

  • Profile Image

    Answered by RogerYelvington01 on January 17, 2014 at 02:43 AM

    OKay, please see the form:
    http://forms.atfgyms.com/form/40135756773964

    The coupon code box, is very far low - and as you'll notice it keeps removing the scroll box in the text field for member risk and release section.  

  • Profile Image
    JotForm Support

    Answered by Welvin on January 17, 2014 at 05:44 AM

    Hello,

    Can you please finalize the form or can you please tell us if this is your final form? I'll notice that you keep doing changes or adding another field to the form and the codes given by my colleague would only solve the issue to the old form.

    Thanks

  • Profile Image

    Answered by RogerYelvington01 on January 17, 2014 at 05:50 AM
    It is the final form - however I am curious, after I inject the CSS code should I not make any more edits?Thank you!
  • Profile Image
    JotForm Support

    Answered by Welvin on January 17, 2014 at 08:57 AM

    Hello,

    I'll get back to you with the formatted form later today. This needs a few changes to the form custom CSS codes.

    You can edit the form. However, I do not recommend such specially to the section where the custom CSS codes is applied. If you do, the alignments may become a problem.

    Thanks

  • Profile Image

    Answered by RogerYelvington01 on January 17, 2014 at 02:06 PM

    Hey Welvin - thank you, any updates?

  • Profile Image

    Answered by RogerYelvington01 on January 17, 2014 at 11:48 PM
    Checking in again - I really need to finalize this form thank you.
  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 18, 2014 at 07:52 AM

    Hello RogerYelvington01,

    My colleague "Welvin" is not currently online. I am sending him a note and he will get back to you as soon as he is back online.

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Welvin on January 18, 2014 at 08:38 AM

    I'm sorry :) Here's a modified clone version of your form: http://jotformpro.com/form/40163562991962. Kindly check and let me know for adjustments. 

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on January 18, 2014 at 08:49 AM

    If that sounds good, you can clone it back by following this guide: How to clone an existing form from a URL. Make sure to change the Paypal Email Address from the Payment Settings.

    Thanks

  • Profile Image

    Answered by RogerYelvington01 on January 18, 2014 at 03:01 PM

    Welvin, thank you.  This is very close, but is there any way to decrease the line spacing to be comparable to this order form?

    http://form.jotformpro.com/form/40146712275955

    I would like to condense it so it takes up much less space.  And if the coupon code is in the perfect spot, but could you please move the total to line up under the item pricing on the same row as the coupon code?

     

    Thank you!

  • Profile Image
    JotForm Support

    Answered by TitusN on January 18, 2014 at 04:15 PM

    Hello,

    Thank you for your response.   

    Your form: http://form.jotformpro.com/form/40146712275955 seems to have a lot more line spacing that the form my colleague Welvin provided: : http://jotformpro.com/form/40163562991962

    Welvin's form seems to take up less space than the form you provided for comprarison.

    Perhaps we do not understand your request: Is it a particular field on the form? Please respond and clarify.

    You could clone the form as adviced and modifyt the injected CSS to come close to what you are looking for

    Thanks

  • Profile Image

    Answered by RogerYelvington01 on January 18, 2014 at 05:00 PM

    I referring to the line spacing specifically in the Order Form area that we are working on. 

     

    I am tryin to have minimal space in between each line item, so as to make it take up less vertical space.  The Order form at: http://form.jotformpro.com/form/40146712275955 has each item "stacked" more tightly, so the vertical space is minimized.

     

    Does that help clarify?

  • Profile Image
    JotForm Support

    Answered by TitusN on January 18, 2014 at 05:21 PM

    Yes, thank you.

    The issue you mentioned can easily be achieved using custom CSS rules.

    Please refer to this guide to achieve that: http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

    Welvin prepared a good illustrative form, please clone it per his instructions and style it to your precise requirements. 

    We would love to assit you on any other matters in relation to form functionality, or any difficulties while using our service, but in relation to this issue,  this is as far as support would go.

    Thank you for sticking through this.