- markashtonAsked on June 25, 2012 at 10:02 AM
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 ...
- JotForm SupportabajanAnswered 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.
- JotForm SupportabajanAnswered 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.
- JotForm SupportjonathanAnswered on June 25, 2012 at 11:33 PM
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.
- JotForm SupportabajanAnswered on June 25, 2012 at 11:38 PM
That looks very good to me. I don't think it needs refining in any way. It's a slam dunk!
- markashtonAnswered 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.
- JotForm SupportabajanAnswered on June 26, 2012 at 06:53 AM
On behalf of the team, thanks so much for your compliment. We really appreciate it.
- bridgenorthtexasAnswered 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.
- JotForm SupportjonathanAnswered on August 24, 2012 at 11:43 AM
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.
- raydonmarketingAnswered 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
- JotForm SupportWelvinAnswered on January 24, 2013 at 01:00 AM
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.
- JotForm SupportabajanAnswered on January 24, 2013 at 02:45 AM
Is the example provided in this thread along the lines of what you were looking for?
- raydonmarketingAnswered 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.
- JotForm SupportabajanAnswered on January 27, 2013 at 02:16 AM
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.
- JotForm SupportjonathanAnswered on January 20, 2015 at 09:43 PM
We will attend separately to your inquiry here http://www.jotform.com/answers/500037
Please refer to that post for details on your inquiry.