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

    Possible To Have Two Columns With Products in Paypal Pro Setup

    Asked by markashton on June 25, 2012 at 10:02 AM

    Hi,

     

    I would like to achieve the following rather than having one long column for the products. is this possible with Jotform?

    Thanks .... only one payment method thing at the bottom ... but two columns would be nice to achieve ...

     

    payment field payment tool two columns multiple columns
  • Profile Image
    JotForm Support

    Answered by abajan on June 25, 2012 at 10:32 PM

    My guess is that it's quite feasible either with the help of tons of injected CSS or by embedding a copy of the form's full source into a web page and editing the HTML to suit but I think it would likely take a considerable amount of time to come up with a solution for either route. So, hopefully this isn't too urgent.

  • Profile Image
    JotForm Support

    Answered by abajan on June 25, 2012 at 10:41 PM

    Perhaps we should have a Spread Columns button for payment fields as obtains with regular radio button and checkbox fields.

  • Profile Image
    JotForm Support

    Answered by jonathan on June 25, 2012 at 11:33 PM

    @Mark

    Hi, I already tried working on it, even before Wayne's idea.. And I actually have the same thought as him. So, how about this form.

    I admit its a bit of a draft... my CSS is not as par as with Wayne's. But I did able to achieved 2 columns for the payment form.

    I used the form source code embed, and then separated the products using division (<div>) with an included CSS to make the div elements 'float' . You can right click the page and can view the source code.

    I am sure Wayne would provide more refinements or another more correct solution than this, and I would consider that as well.

    Hope this help in starting it at least.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by abajan on June 25, 2012 at 11:38 PM

    Jonathan

    That looks very good to me. I don't think it needs refining in any way. It's a slam dunk!


    Wayne

  • Profile Image

    Answered by markashton on June 26, 2012 at 04:58 AM

    Amazing that you can post a question like that ... get up in the morning ... and people have been beavering away crafting a solution.

    Although I have about 50 outstanding feature/bugs you know whats ... the jotform forum is golddust at times.

    Thanks for your help. I'm very grateful.

    Regards Mark 

  • Profile Image
    JotForm Support

    Answered by abajan on June 26, 2012 at 06:53 AM

    On behalf of the team, thanks so much for your compliment. We really appreciate it.

    Cheers

  • Profile Image

    Answered by bridgenorthtexas on August 24, 2012 at 11:08 AM

    Disclaimer: I am not very familiar with CSS - I am new to this scene.

    I want to have two columns of six instead of one very long list for my payment options for this form. What is the proper CSS to make that happen?

    I tried cloning the form from above and scoping out the CSS but I couldn't figure out what I needed to take from it.

  • Profile Image
    JotForm Support

    Answered by jonathan on August 24, 2012 at 11:43 AM

    @bridgenorthtexas

    To achieved the 2 columns product page, the form's source code was used. Then, the fields were 'moved' inside html division element. The CSS was just used to properly orient the fields.

    If you view the source code of this page (right-click, view source in your browser), you will see that the form's source code was manipulated and repositioned to have the appearance of the 2 columns.

    You cannot exactly clone the form because it was the source code already.

    Hope this help. Please inform us if you need further assistance.

    Thanks.

  • Profile Image

    Answered by raydonmarketing on January 23, 2013 at 11:34 PM

    is there a way to this a very similar thing to this but with jotforms own regular drop down menu?

     

    for example i want to ask

    How long do you want to rent it for: [drop down menu field 1 choices: 1,2,3,4,..., 31] [drop down menu field 2 choices: Days, weeks, weekends, months]

     

    right now the only way i know of doing this is to ask this in two separate lines/fields and it just does not work/look well no matter how i went about it

  • Profile Image
    JotForm Support

    Answered by Welvin on January 24, 2013 at 01:00 AM

    @raydonmarketing,

    Correct me if i'm wrong, do you mean to just show another dropdown base on the selection of the first dropdown? If yes, you can do that with out Conditional Logic Tool: Conditional Logic on Forms (Show/Hide Condition).

    Let us know if you need further help.

    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on January 24, 2013 at 02:45 AM

    @raydonmarketing

    Is the example provided in this thread along the lines of what you were looking for?

  • Profile Image

    Answered by raydonmarketing on January 27, 2013 at 12:31 AM

    not really. i mean this:

    Question asks "How long would you like to rent it for?

    [counter drop down menu (1-31)][calendar format drop down menu (days/weeks/months] both on the same line (editor box)

    kind of like how the "date" template has 3 drop downs next to one another, is there a way to have 2 or 3 drops downs but for custom things per above description in the same manner? right next to one another on the same line or do i have to use separate drop down menus as my only route? I understand fully how i can use conditions and still find that my form is just looking way too long the way everything needs its own line when sometimes they can logically and even more efficiently work combined on the same line instead of separate.

     

    i did play with the merge with the above line option to no avail.

  • Profile Image
    JotForm Support

    Answered by abajan on January 27, 2013 at 02:16 AM

    @raydonmarketing

    If it's just a matter of having multiple fields appear on the same line, please have a look at our Form Field Positioning guide.

    Thanks.

  • Profile Image

    Answered by auswade on January 20, 2015 at 08:17 PM

    Hello,

     

    I really like Jonathan’s example but im having some troubles developing this type of form with the Paypal payment pro form, is it possible to get some more specifics about how the above image was accomplished?

     

     

    Wade

  • Profile Image
    JotForm Support

    Answered by jonathan on January 20, 2015 at 09:43 PM

    Hi Wade,

    We will attend separately to your inquiry here http://www.jotform.com/answers/500037

    Please refer to that post for details on your inquiry.

    Thanks.