https://www.machform.com/forums/ MachForm Community Forums Topic: Checkboxes en Sun, 03 May 2026 23:03:14 +0000 https://www.machform.com/forums/topic/checkboxes-2#post-23898 Mon, 24 Aug 2015 10:19:07 +0000 yuniar 23898@https://www.machform.com/forums/ <p>Yes, you can put them into each of your form's theme. Use the Advanced CSS area. </p> https://www.machform.com/forums/topic/checkboxes-2#post-23785 Fri, 07 Aug 2015 04:33:41 +0000 offcourse 23785@https://www.machform.com/forums/ <p>Hi, thanks for this post. Two questions:</p> <p>1) Can you do this per theme, like using the advanced css area of the theme?<br /> 2) Does this also work for radio?</p> <p>Thanks </p> https://www.machform.com/forums/topic/checkboxes-2#post-19141 Tue, 10 Sep 2013 22:18:35 +0000 curtisio 19141@https://www.machform.com/forums/ <p>I figured it out... below for anyone else wanting to do the same. Insert the following in view.css</p> <pre><code>input[type=&quot;checkbox&quot;] { -webkit-appearance: none; /* webkit */ visibility: hidden; } input[type=&quot;checkbox&quot;] + label::before { content: &quot;&quot;; display: inline-block; width: 58px; height: 60px; background: url(../checkbox_untick.png) no-repeat; } input[type=&quot;checkbox&quot;]:checked + label::before { content: &quot;&quot;; display: inline-block; width: 58px; height: 60px; background: url(../checkbox_tick.png) no-repeat;}</code></pre> https://www.machform.com/forums/topic/checkboxes-2#post-19132 Mon, 09 Sep 2013 04:03:37 +0000 curtisio 19132@https://www.machform.com/forums/ <p>Thank you for your reply,</p> <p>Although I can get a checkbox styled with CSS in a html page I can't seem to style them in Machform.</p> <p>In CSS I style using the following:</p> <p>input[type="checkbox"] {<br /> display:none;<br /> }</p> <p>input[type="checkbox"] + label {<br /> color:#f2f2f2;<br /> font-family:Arial, sans-serif;<br /> font-size:14px;<br /> }</p> <p>input[type="checkbox"] + label span {<br /> display:inline-block;<br /> width:19px;<br /> height:19px;<br /> margin:-1px 4px 0 0;<br /> vertical-align:middle;<br /> cursor:pointer;<br /> background-image: url(check_radio_sheet.png);<br /> background-repeat: no-repeat;<br /> background-position: left top;<br /> }</p> <p>input[type="checkbox"]:checked + label span {<br /> background-image: url(check_radio_sheet.png);<br /> background-repeat: no-repeat;<br /> background-position: -19px top;<br /> }</p> <p>But it doesn't seem to work with Machform. Has anyone else come up with a work around? </p> https://www.machform.com/forums/topic/checkboxes-2#post-19116 Sat, 07 Sep 2013 09:01:05 +0000 AMurray 19116@https://www.machform.com/forums/ <p>It'd be done through the CSS, for example, take a look here:</p> <p><a href="http://stackoverflow.com/questions/4148499/how-to-style-checkbox-using-css" rel="nofollow">http://stackoverflow.com/questions/4148499/how-to-style-checkbox-using-css</a> </p> <p>A <a href="https://www.google.com.au/search?q=css+style+form+checkbox&#38;ie=utf-8&#38;oe=utf-8&#38;rls=org.mozilla:en-US:official&#38;client=firefox-a&#38;gws_rd=cr&#38;ei=3ocqUsSvJYnJiAfekYGICw">whole heap more</a> from a Google search.</p> <p>I presume that's the sort of thing you're after. I think you'd modify the css for the form in Machform, or in a custom CSS file. You'd have to know the 'element' you're styling and add the CSS to the appropriate places. </p> https://www.machform.com/forums/topic/checkboxes-2#post-19115 Sat, 07 Sep 2013 05:01:41 +0000 curtisio 19115@https://www.machform.com/forums/ <p>Does anyone know how to change the size of the checkboxes and maybe even the style on the tick using a png file? </p>