Hi - I trying to replicate a PDF form - see attached - where I need to run 8 x fields across the form. To do this I need some to be less than the minimum form field size in the Element Properties Width drop down box - is this possible?

If you have a moment and review the form I am trying to replicate and you can see that the data needs to order horizontally but there are 8 columns of data.

Appreciate any thoughts on how I might do this in Web Form Builder.

This is my first form using the tool so please excuse my ignorance!

Thank You

Andrew

Hi Andrew,
This is possible by adding a css script override to your page or altering the actual form css. I suggest going with the override as it's easier to test.
Depending on your needs this should help get you going in the right direction.
When you look at your forms html you will see <div>'s with a class of .fb-20-item-column. This means they were set with original width of 20% in the form builder. Knowing this you can place the below override to reduce their width to the percent needed. This targets every element with 20% width so you may need to make some other adjustment by targeting by id to get the desired result.


You can see the result here.
http://ericrohloff.com/coffeecup/ccforu … ds-across/

Cool that looks like it will work! I will just have to look at any other 20% width elements I have I guess.
Thank you for your help Eric - much appreciated.

Yes you can set some to other percents to keep them from being affected.

Hi Eric
Been sometime and I have just come back to this project - I appreciate your thoughts on the previous posts - I jope this is not a stupid question but where do I locate the actual form.css to edit it as you suggest? I was trying to find it but wasnt able to locate it.

Thanks very much

Don't edit the forms generated style sheet. Put the override in the head of the form just above the </head> tag.