https://www.machform.com/forums/ MachForm Community Forums Topic: Multiple columns problem en Wed, 06 May 2026 15:35:15 +0000 https://www.machform.com/forums/topic/multiple-columns-problem#post-24033 Fri, 11 Sep 2015 02:02:01 +0000 Robolovsky 24033@https://www.machform.com/forums/ <p>Since getting this great solution from williamansley I have now another similar problem. Again this involves fields which are hidden until a checkbox is ticked. I have two checkbox fields each with an image attached and use column_2 to align these next to each other. When either box is ticked I want the number (quantity) field to appear directly underneath the relevant checkbox and image.</p> <p>This works fine if the first checkbox is ticked and then the second one but if the second one is ticked first, the number field appears on the left of a new column because of the first number field still being hidden. Is there any way I can force it to appear under the second checkbox even if the first number field is hidden? </p> https://www.machform.com/forums/topic/multiple-columns-problem#post-23191 Fri, 01 May 2015 22:00:50 +0000 williamansley 23191@https://www.machform.com/forums/ <p>You are very welcome. I'm glad I was able to help. The only place you can see a full list of the built-in CSS styles is in the code. The styles are all defined in view.css. In version 4.3 the definitions start at about line 1409. I see the following styles defined:</p> <p>column_2<br /> column_3<br /> column_4<br /> column_5<br /> column_6<br /> new_row<br /> hidden<br /> guidelines_bottom<br /> guidelines</p> <p>I haven't tried this yet, but you should be able to override these style definitions if you redefine them using "advanced CSS" in a theme. I would say that was preferable to actually changing the code in view.css. </p> https://www.machform.com/forums/topic/multiple-columns-problem#post-23188 Fri, 01 May 2015 18:41:19 +0000 Robolovsky 23188@https://www.machform.com/forums/ <p>Brilliant! Thanks so much williamansley that worked perfectly. This may have been asked before but is there a full list anywhere of these built in CSS statements? </p> https://www.machform.com/forums/topic/multiple-columns-problem#post-23184 Fri, 01 May 2015 01:49:06 +0000 williamansley 23184@https://www.machform.com/forums/ <p>It's rather hard to be sure I understand your problem correctly just going by your description, but if I do understand it, then I may have a solution. For every field in your form that has the CSS value of "column_2" that you want to be in the first column, whether or not quantity boxes are showing, add "new_row" to the CSS field. The CSS field should contain "column_2 new_row". This will force those items to always start a new row, whether or not the other items with the CSS setting "column_2" are hidden or visible. </p> https://www.machform.com/forums/topic/multiple-columns-problem#post-23181 Thu, 30 Apr 2015 17:24:43 +0000 Robolovsky 23181@https://www.machform.com/forums/ <p>If it were possible to add a different kind of section break after each pairing of checkbox and quantity field I think that would solve the problem. This would have to be separate from the regular section break as it would have no borders or padding and would only be a pixel or two in height. In effect a spacer of sorts but I think it would prevent the check boxes from displaying two to a row when the quantity fields are hidden. </p> https://www.machform.com/forums/topic/multiple-columns-problem#post-23180 Thu, 30 Apr 2015 04:28:26 +0000 Robolovsky 23180@https://www.machform.com/forums/ <p>The multiple column feature is great but I am having a problem. My form has four separate checkboxes with corresponding quantity fields. I want the quantity fields to remain invisible until the relevant box is checked so I have given all four checkboxes and their respective quantity fields a column_2 CSS value and set the logic to hide the quantity boxes accordingly.</p> <p>Problem is that when I do this the form initially displays with the visible fields stacked in a two column formation. Is there any way I can prevent this happening or a better way of stacking these fields? </p>