https://www.machform.com/forums/ MachForm Community Forums Topic: FEATURE SUGGESTION - Borderless Read-Only Fields en Sun, 03 May 2026 08:46:50 +0000 https://www.machform.com/forums/topic/feature-suggestion-borderless-read-only-fields#post-24934 Sat, 27 Feb 2016 13:11:44 +0000 yuniar 24934@https://www.machform.com/forums/ <p>Thanks for sharing this! </p> https://www.machform.com/forums/topic/feature-suggestion-borderless-read-only-fields#post-24883 Mon, 15 Feb 2016 23:30:16 +0000 pkirill 24883@https://www.machform.com/forums/ <p>So coming back to it - I thought I would share the final code I came up with to create the borderless date field. Thanks again to Yuniar for the important headstart! It may be messy and there may be a few extraneous items, but it worked for me... It the custom CSS for the date field, you need to put: borderless, nolabel, nopic</p> <p>If anyone can offer a cleaner solution - I would welcome it! Thanks!</p> <pre><code>/* This removes the border and shadows from the input boxes*/ #main_body .borderless input.text { border: none !important; box-shadow: none !important; border-radius: 0px !important; padding: 0px 0px 0px 0px !important; background-color: #ffffff !important; font-weight:100 !important; } /*This removes the &quot;MM DD YYYY&quot; labels from below the input boxes*/ #main_body .nolabel label{ display:none !important; color:#fff; } /*This removes the calendar icon*/ #main_body .nopic div { display:none !important; }</code></pre> https://www.machform.com/forums/topic/feature-suggestion-borderless-read-only-fields#post-24873 Sun, 14 Feb 2016 11:07:46 +0000 yuniar 24873@https://www.machform.com/forums/ <p>That sounds great to hear :-) </p> https://www.machform.com/forums/topic/feature-suggestion-borderless-read-only-fields#post-24819 Wed, 03 Feb 2016 03:11:13 +0000 pkirill 24819@https://www.machform.com/forums/ <p>Well, that is tremendous! I was trying to do it with CSS but my skills are minimal. Much thanks for the assist! I'm going to assume getting rid of the "MM DD YYYY" and date picker icon from a date field are not quite so easy... :) But, seriously, thanks! </p> https://www.machform.com/forums/topic/feature-suggestion-borderless-read-only-fields#post-24708 Mon, 18 Jan 2016 05:36:40 +0000 yuniar 24708@https://www.machform.com/forums/ <p>It's possible to do so using CSS code. Simply add this CSS code into your theme:</p> <pre><code>#main_body .borderless input.text{ border: none !important; box-shadow: none !important; }</code></pre> <p>and then apply the "borderless" class into your text field. </p> https://www.machform.com/forums/topic/feature-suggestion-borderless-read-only-fields#post-24696 Thu, 14 Jan 2016 23:40:25 +0000 pkirill 24696@https://www.machform.com/forums/ <p>Love the product and I'm learning a lot! I do have one suggestion (so far) that I can't seem to work around. That is to remove (or have option to remove) the border and background styling when setting a field to read-only. For example, in one form I need to show the user the we are capturing the date they submit the form. So I use a date field, set it to "today" and check read only. It works perfectly except the user see's it as "selectable" although the can't change it and it causes minor confusion. Another advantage to this would be the ability to add clean inline comments in a form using the single line or multi-line text fields. If there is a way to do this currently using custom CSS, I'd sure appreciate any tips on how to do that. Thanks! </p>