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

    In a payment/purchase order field, can the "additional options" (ie. qty) boxes be moved next to the item description, rather than below?

    Asked by ScottK on October 28, 2010 at 08:45 AM

    In a payment/purchase order field, can the "additional options" (ie. qty) boxes be moved next to the item description, rather than below?

    Currently:

    [  ] Item 1 $$$

    Qty [  ]  Size [  ]

    [  ] Item 2 $$$

    Qty [  ]  Size [  ]

    I would like:

    [  ] Item 1  Qty [  ]   Size [   ] $$$

    [  ] Item 2  Qty [  ]   Size [   ] $$$

    [  ] Item 3  Qty [  ]   Size [   ] $$$

    It would also be great if these fields aligned in columns for a streamlined look! (Think Survey Grid)

     

    Cheers,

     

    Scott K

  • Profile Image
    JotForm Founder

    Answered by aytekin on October 28, 2010 at 08:58 AM

    Thanks for your feedback.

    If you are familiar with CSS you might try to edit it using the "Inject Custom CSS" feature. (On "Preferences" button on the toolbar)

  • Profile Image

    Answered by ScottK on November 01, 2010 at 10:45 PM

    Hi,

    Thanks for that tip, I have managed to move things around a bit with CSS.

    I have now encountered another problem.  Once I have a lot of products on my purchase order page I can no longer move them into order as the position of the cursor when dragging does not match the the position of the "box/field" being moved on the screen.  When I drag a box downward in the list of products my cursor hits the bottom of the screen before the box/field starts moving down in the list on the screen.  This has become worse as more products are added and now results in me being unable to move items at the bottom of the form, as the reappear half-way down the list.

    This occurs in Firefox and IE, have you experienced this problem before?  To test, add lots of items/products and then try to move the 2nd last one to the last position!

    Cheers

    Scott

  • Profile Image
    JotForm Founder

    Answered by aytekin on November 11, 2010 at 07:52 AM

    One possible solution is to move fields using right click instead of drag and drop.

    Right click on the form and then select "Move Up" or "Move Down".

  • Profile Image

    Answered by ScottK on November 14, 2010 at 07:11 PM

    Thanks for the tip, but...

    The problem does not lie in the normal fields window, it is within the "payment/purchase order" wizard.  When you right click a product/item in the wizard you don't get the move option, just an options list from the browser.

    Scott K.

  • Profile Image
    JotForm Founder

    Answered by aytekin on November 16, 2010 at 03:25 AM

    I think the best solution is probably to get full form source code and copy it to your web site. Then use your favorite HTML editor to make it look like exactly as you would like.

    To get full form source code:

    1. Open "Setup & Share" tab on toolbar,
    2. Click on "Share Form"
    3. Click on "Advanced Options"
    4. Click on "Full Source Code".