MachForm Community Forums » MachForm 2

1. olevrumm
   Member

   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

   Posted 16 years ago #

2. olevrumm
   Member

   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;
   }

   Posted 16 years ago #
3. 

   yuniar

   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

   Posted 16 years ago #

4. olevrumm
   Member

   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?

   Posted 16 years ago #
5. 

   yuniar

   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

   Posted 16 years ago #

RSS feed for this topic

Reply

You must log in to post.