MachForm Community Forums Topic: Label inline to text field

MachForm Community Forums Topic: Label inline to text field https://www.machform.com/forums/ MachForm Community Forums Topic: Label inline to text field en Mon, 04 May 2026 00:50:51 +0000 daltx7 on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-20486 Tue, 18 Mar 2014 19:36:46 +0000 daltx7 20486@https://www.machform.com/forums/ Well, success comes to the patient. I have found the solution as I had the label id's wrong, and a quick review with firebug corrected. Thanks to those who assisted. daltx7 on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-20474 Mon, 17 Mar 2014 05:07:52 +0000 daltx7 20474@https://www.machform.com/forums/ I am trying something similar and have seen two types of code for this. Either code works on my first field only, but the remaining three are unresponsive. I have tried this: #li_1 label.description { float: left !important ; width: 42% !important; } #li_1 input.text { clear:none !important; } #li_2 label.description { float: left !important ; width: 42% !important; } #li_2 input.text { clear:none !important; } And has the same effect as this: #li_1 label.description, #li_2 label.description, #li_3 label.description{ width: 25%; !important; float: right; !important; } #li_1 input.text, #li_2 input.text, #li_3 input.text{ width:15%; !important; float: left; !important; } The latter I am trying to perform on three fields. I am actually trying to place three successive fields in alignment LABEL TEXT On three different lines. Something tells me I have to insert code to break the lines. Any suggestions? Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16736 Mon, 07 Jan 2013 15:50:09 +0000 Lazarix 16736@https://www.machform.com/forums/ Any ideas on the above? Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16714 Thu, 03 Jan 2013 04:17:51 +0000 Lazarix 16714@https://www.machform.com/forums/ Thanks Redityo! That works perfectly except for one small thing. The checkbox element 44 doesn't seem to adhere to the above. The code is: <code> <pre><code><li id="li_44" class="column_7 new_row"> <label class="description">Cost Incurred</label> <div> <input id="element_44_1" name="element_44_1" class="element checkbox" type="checkbox" value="1"/> <label class="choice" for="element_44_1"/> </div> </li></code></pre> </code> I've tried: <code> <pre><code>#li_44 label.description { float: left !important ; width: 42% !important; } #li_44_1 input.checkbox { clear:none !important; }</code></pre> </code> And also: <code> <pre><code>#li_44 label.description { float: left !important ; width: 42% !important; } #li_44 input.checkbox { clear:none !important; }</code></pre> </code> And also: <code> <pre><code>#li_44 label.description { float: left !important ; width: 42% !important; } #li_44 input.text { clear:none !important; }</code></pre> </code> but it doesn't seem to make a difference. Yes, I have created a "custom" 7 column style but it works just fine for the text input fields. redityo on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16698 Tue, 01 Jan 2013 21:17:25 +0000 redityo 16698@https://www.machform.com/forums/ Hi, Have you try to put these css code into your form "advance css" code ? <pre><code>#li_4 label.description { float: left !important ; width: 42% !important; } #li_4 input.text { clear:none !important; } #li_9 label.description { float: left !important ; width: 42% !important; } #li_9 input.text { clear:none !important; } #li_14 label.description { float: left !important ; width: 42% !important; } #li_14 input.text { clear:none !important; } #li_19 label.description { float: left !important ; width: 42% !important; } #li_19 input.text { clear:none !important; } #li_24 label.description { float: left !important ; width: 42% !important; } #li_24 input.text { clear:none !important; } #li_29 label.description { float: left !important ; width: 42% !important; } #li_29 input.text { clear:none !important; } #li_43 label.description { float: left !important ; width: 42% !important; } #li_43 input.text { clear:none !important; } #li_38 label.description { float: left !important ; width: 42% !important; } #li_38 input.text { clear:none !important; } #li_51 label.description { float: left !important ; width: 42% !important; } #li_51 input.text { clear:none !important; } #li_58 label.description { float: left !important ; width: 40% !important; } #li_58 input.text { clear:none !important; }</code></pre> I have reply your ticket before, if you still having any problem on this, please send us your machform detail login info to : <pre><code>customer.service[at]appnitro.com</code></pre> I will help you to adjust the field directly. Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16697 Mon, 31 Dec 2012 21:02:57 +0000 Lazarix 16697@https://www.machform.com/forums/ Any ideas would be helpful as i'm really struggling with this now :( Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16676 Sat, 22 Dec 2012 18:38:35 +0000 Lazarix 16676@https://www.machform.com/forums/ Also, if you set that property, it stops you from lining fields up in the same line. (I.E. column_3) Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16675 Sat, 22 Dec 2012 18:37:40 +0000 Lazarix 16675@https://www.machform.com/forums/ Won't that do it for all fields in the form though? I'd only like to do it for certain fields. yuniar on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16660 Wed, 19 Dec 2012 18:47:46 +0000 yuniar 16660@https://www.machform.com/forums/ You don't need any modification for this. Simply open your form properties tab, click "show more options" and then set the Label Alignment property to "Left Aligned" or "Right Aligned" Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16657 Wed, 19 Dec 2012 03:33:47 +0000 Lazarix 16657@https://www.machform.com/forums/ Anyone have any ideas on this? Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16653 Tue, 18 Dec 2012 15:16:08 +0000 Lazarix 16653@https://www.machform.com/forums/ Incidentally, I've also ran firebug but I can't seem to find the right property to modify to make it happen. Lazarix on "Label inline to text field" https://www.machform.com/forums/topic/label-inline-to-text-field#post-16651 Tue, 18 Dec 2012 07:57:41 +0000 Lazarix 16651@https://www.machform.com/forums/ Hi guys, I just wanted to say that this is a fantastic product and already i'm making a lot of progress! I've read <a href="http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin?replies=17" rel="nofollow">http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin?replies=17</a> about how to get a text field label to sit to the left of the field, but I just can't seem to make it happen. I've modified the label.description in the view.css relating to my form (as opposed to the main view.css) and set: width: 150%; float: left; (150% because if i set it shorter, the label text splits into two lines) I've also set the textarea.textarea width to 50% as suggested but it still sits on top of the text field. Ideas? <a href="http://www.tjwcontracts.co.uk/forms/view.php?id=1" rel="nofollow">http://www.tjwcontracts.co.uk/forms/view.php?id=1</a> The embedded form is here and looks a bit better at 100%: <a href="http://www.tjwcontracts.co.uk/Beta/mileage6.php" rel="nofollow">http://www.tjwcontracts.co.uk/Beta/mileage6.php</a>