Started 3 years ago by olevrumm | 5 posts |
Hi, I followed the examples and managed to align 2 fields, took me a while but I figured it out! Hey I did not mention how great program it is - keep up the good work!!!
Any how, I am working on clothing order form and would like to have a shorter page so that people know whitch Item lines up with size and qty. Like I mentioned 2 columns was not a problem, with third I need a bit help please.
Test page is here http://www.vesbc.com/machform/view.php?id=4
Thanks a million,
Olts
Ok, I have changed the form width, played around with different setting offered in the forums here but it seems to be quite a challange for me.
Here is my css part where li_7 represents checked portion of items second group from li_8.....li_8 represents choice of sizes and from Li_22....29 is number field representing quantity.
Any help out there please?
#li_7
{
float: left;
width: 30%;
}
#li_8,#li_18,#li_17,#li_16,#li_13,#li_12,#li_11
{
width: 24%;
float: left;
}
#li_22,#li_23,#li_24,#li_25,#li_26,#li_27,#li_29
{
width: 38%;
float: left;
}
#li_2
{
float: left;
clear: both;
}
Hmm.. I think you need to break your checkboxes into single item. So put each option into one checkbox, instead of having one checkbox with many options.
Check this sample:
http://www.appnitro.com/forms/view.php?id=24
This is the CSS code:
/** These are Item checkboxes **/
#li_6,#li_8, #li_9{
float: left;
clear: both;
width: 30%;
}
/** These are Size & Qty **/
#li_7, #li_10,#li_11,#li_1,#li_3,#li_2{
float: left;
width: 30%;
}
/** This to align the Name field **/
#li_4{
clear: both;
}MachForm Founder
Like always - top service!
I have fiddled around and tested this and that (bear in mind that I am not advanced in css) but I could not align my 13 rows x 3 column (chekbox, dropdown and number field) form. After setting up 8th row it went out of order. I think it was padding issue and I could not figure it out - just did not have enough time. Work around for me was inserting "section break" from admin panel between the rows. The creation is here http://www.vesbc.com/machform/view.php?id=8
Maybe something to consider - making the chices, buttons and drop downs kind of same size in the future?
Ah.. I see. Usually it's a "clear: both" problem.
The first field of the row should always have this property.
Most likely you missed a field or two.
Anyway, your current form looks great though!
Thanks for the suggestion.
MachForm Founder
You must log in to post.