http://www.appnitro.com/forums/ Appnitro Software Forums Topic: Label & Input box on same line en Wed, 07 Jan 2009 01:10:18 +0000 http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin#post-3904 Sat, 06 Dec 2008 01:03:50 +0000 teamwebb2008 3904@http://www.appnitro.com/forums/ <p>Awesome!! That fixed some of my concerns. The form is truly coming together. Now if I could only get things like the phone number and other input fields on the same line as maybe the name, etc. That would really be great!! I may need to go in and manually do this, but hope I don't. Good grief Yuniar you are truly making me lazy ;)) lol. EXCELLENT product. </p> http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin#post-693 Thu, 31 Jan 2008 22:31:47 +0000 xlawdog 693@http://www.appnitro.com/forums/ <p>I used this style for a couple of my forms and also aligned the label text to the right. I added width and float to label.description, and also added text-align: right. Instead of reducing the width of the input, I added rules for li.div - float: right and width x%. I haven't tested it in all browsers, but it works so far in the ones I have tested. </p> http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin#post-687 Thu, 31 Jan 2008 15:09:52 +0000 yuniar 687@http://www.appnitro.com/forums/ <p>Sounds great! </p> http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin#post-684 Thu, 31 Jan 2008 01:13:57 +0000 prajwalrao 684@http://www.appnitro.com/forums/ <p>Thank you so much. That worked like a charm... :) </p> http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin#post-682 Wed, 30 Jan 2008 11:23:10 +0000 yuniar 682@http://www.appnitro.com/forums/ <p>I haven't test this a lot yet, but it might be a good start.</p> <p>Edit the CSS of your form, search for this block:</p> <pre><code>label.description { border:none; color:#222; display:block; font-size:95%; font-weight:700; line-height:150%; padding:0 0 1px; }</code></pre> <p>Add <strong>width</strong> and <strong>float</strong> attribute to that code, so it become:<br /> <pre><code>label.description { border:none; color:#222; display:block; font-size:95%; font-weight:700; line-height:150%; padding:0 0 1px; width: 30%; float: left; }</code></pre> <p>That should align most of the labels and input to be the same line.</p> <p>Next, search for this block:</p> <pre><code>textarea.textarea { background:#fff url(../../../images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#333; font-family:&quot;Lucida Grande&quot;, Tahoma, Arial, Verdana, sans-serif; font-size:100%; margin:0; width:99%; }</code></pre> <p>Change the <strong>width</strong> to be 50% instead of 99%, this should fix the paragraph alignment. </p> http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin#post-674 Wed, 30 Jan 2008 02:09:42 +0000 prajwalrao 674@http://www.appnitro.com/forums/ <p>Is this possible easily? If yes can anyone shed some light please..</p> <p>Thanks.. </p>