MachForm Community Forums Topic: Make First/Last name fields larger

MachForm Community Forums Topic: Make First/Last name fields larger https://www.machform.com/forums/ MachForm Community Forums Topic: Make First/Last name fields larger en Fri, 12 Jun 2026 02:21:46 +0000 yuniar on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-20641 Tue, 08 Apr 2014 14:27:52 +0000 yuniar 20641@https://www.machform.com/forums/ Sorry, your request is actually still within the todo list. Here is a peek: <img src="https://farm8.staticflickr.com/7128/13711274695_6ab174e180_c.jpg"> The only problem was the list keep getting larger and larger :( We didn't have the chance to complete that one yet. Sorry! williamansley on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-20593 Thu, 03 Apr 2014 23:57:02 +0000 williamansley 20593@https://www.machform.com/forums/ @yuniar: With regard to my suggestion to add built-in custom CSS classes to make the name fields wider, you said: <blockquote>It's a great idea to put this into the built-in CSS classes. Thank you! I'm putting this into our "must-be-done" list for v3.4 </blockquote> However, this never seems to have been done. Did it prove unfeasible to do this after all, or did it just slip between the cracks? If it can be done, could you please add it back to your "must-be-done" list? Thank you. yuniar on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-16134 Wed, 03 Oct 2012 14:28:34 +0000 yuniar 16134@https://www.machform.com/forums/ You will need to select your theme first. Once your theme is being loaded, you will see the "Advanced" menu item. This is actually some kind of bad UI, we're fixing this for v3.4. The "Advanced" menu item should be displayed consistently. jpello on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-16124 Wed, 03 Oct 2012 02:47:57 +0000 jpello 16124@https://www.machform.com/forums/ So.. I checked the documentation on how to add CSS tags to the theme... It says" On the Theme Editor, click the dropdown on the right top corner and select the “Advanced” menu. You will be prompted to enter your CSS code. Once you have finished, make sure to save your theme to apply any changes." Unfortunately, I don't see any "Advanced" settings within the theme editor. I see 1 dropdown at the top right that allows me to choose my theme... am I missing something? williamansley on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-16055 Thu, 27 Sep 2012 00:01:00 +0000 williamansley 16055@https://www.machform.com/forums/ Hurrah! yuniar on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-16040 Wed, 26 Sep 2012 17:15:38 +0000 yuniar 16040@https://www.machform.com/forums/ You need to use CSS code indeed. First check the HTML source of your form. You'll find the code for the name field is like this: <pre><code><li id="li_1" > <label class="description">Name </label> <input id="element_1_1" name="element_1_1" type="text" class="element text" maxlength="255" size="8" value="" /> <label>First</label> <input id="element_1_2" name="element_1_2" type="text" class="element text" maxlength="255" size="14" value="" /> <label>Last</label> </li></code></pre> the important part is the "id" attribute of the "li" element above. In the above sample, the container "li" element for the name field is having id = "li_1" To adjust the size of the first and last name, you can add this CSS code: <pre><code>#li_1 input{ width: 200px; }</code></pre> paste the code above into the "Advanced CSS" section of your form's theme. It's a great idea to put this into the built-in CSS classes. Thank you! I'm putting this into our "must-be-done" list for v3.4 williamansley on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-16024 Wed, 26 Sep 2012 00:02:06 +0000 williamansley 16024@https://www.machform.com/forums/ I'm also curious about how this can be done in Machform 3.3. I assume that you can make this happen by pasting custom CSS code into the Advanced CSS code box in a theme, but I am not sure what this code should be. It would be really, really nice if you wonderful people at AppNitro would add a additional control for name fields so that we can set the width, as with text or number fields. As an interim measure, is it possible to change the width of the name fields using a custom CSS class? If so, could you fine people at AppNitro, please, please, pretty please with sugar on top, add custom classes to do this to the next release of Machform? jpello on "Make First/Last name fields larger" https://www.machform.com/forums/topic/make-firstlast-name-fields-larger#post-16023 Tue, 25 Sep 2012 22:14:47 +0000 jpello 16023@https://www.machform.com/forums/ Hello, I've got a form up and was asked to make the first & last name fields larger... I noticed that is pretty much the only field that doesn't give an option... I'm on Machform 3.3