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
    JotForm Support

    How can I create items for an invoice?

    Asked by EduardoMendez on October 10, 2012 at 08:37 AM

    As per Arshi Shahzad

    I would like to build the following form:


  • Profile Image
    JotForm Support

    Answered by EduardoMendez on October 10, 2012 at 08:49 AM

    Hello Arshi,

    Here is a clone of the form you have provided by e-mail: http://form.jotform.co/form/22833606580858?

    I have added 6 of the items and modified some of the feel of the items with CSS.  Note!  Please do not create forms that ask for credit card or other sensitive information.  Our filters will dissable your account as it is in violation of our terms of use.  You should add a payment gateway to give your users more security and give your website more credibility.

    Please take a look at this visual guide in order to add more items.

    http://screencast.com/t/KJ3bBUEP5v

    As you would see, each subheading on the ITEMS section should be a product with a value of $0.00

    You can then erase the checkbox for that product by injecting CSS as shown on the video.  

    As you have mentioned in prior e-mails, you have knowledge of CSS.  You can customize the look and feel of the form by injecting CSS following this guide.

    Let us know if you need further assistance!

  • Profile Image

    Answered by hey_arshi on October 10, 2012 at 02:15 PM

    Thank you! Just one step you forgot to show me on the video under SINGLE SUCCESS DISPLAY KITs where do you fill the option Prefilled displays options to make your details....

     

    Also,

    Is there a way I can display each quantity with MSRP with Title in one line instead of two lines?


  • Profile Image
    JotForm Support

    Answered by EduardoMendez on October 10, 2012 at 03:40 PM

    Hello there!

    Here is a visual guide to help you with the description of the subtittles.

    I will continue to look for the workaround to have each item take up only one line.

    Let us know if you need further assistance!

  • Profile Image

    Answered by hey_arshi on October 10, 2012 at 06:16 PM

    Great!

    and this one:

    Is there a way I can display each quantity with MSRP with Title in one line instead of two lines?


  • Profile Image

    Answered by hey_arshi on October 10, 2012 at 06:27 PM

    After filling this custom properties. I noticed it is showing check box button nxt to Success display kit with the the option of scroll dot button. How do I get rid of that as in your sample it doesnt show. I am missing a step.

     

    http://form.jotform.us/form/22790502779158

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on October 10, 2012 at 07:03 PM

    Hi there,

    Please inject the following CSS in order to fix that issue.

    #input_67_custom_1013_0, #input_67_1013, #input_67_1008, #input_67_custom_1008_0, #input_67_1004, #input_67_custom_1004_0 {display:none;}

    Note:  Please remove all fields that ask for Credit Card information in order to avoid being suspended for violation of terms.

    As per displaying the whole thing in one line, you would be able to accomplish this if you were to embed the Source Code on your page.  This can sometimes cause conflicts if you have other JavaScripts running on the same page.

    Here is a guide on how to embed the page using the source code.

    Once you have the source code, you can edit it and follow this visual guide:

    Let us know if you need further assistance!