https://www.machform.com/forums/ MachForm Community Forums Topic: Add a border around Javascript form en Sun, 03 May 2026 22:33:48 +0000 https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24998 Fri, 11 Mar 2016 03:59:26 +0000 sunriseal 24998@https://www.machform.com/forums/ <p>You are most welcome... glad to be able to share! </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24997 Thu, 10 Mar 2016 23:45:44 +0000 williamansley 24997@https://www.machform.com/forums/ <p>@sunriseal: Thanks so much for taking the time to post this. I don't need to do this now, but I may at some point and perhaps it will help someone else right away. </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24996 Thu, 10 Mar 2016 19:56:09 +0000 sunriseal 24996@https://www.machform.com/forums/ <p>After direct contact with the support folks, this issue has been resolved!</p> <p>The CSS code to place a border around the form has been modified to read:</p> <p>.embed #form_container{<br /> border: 2px solid red;<br /> width:99% !important;<br /> } </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24975 Sun, 06 Mar 2016 00:28:28 +0000 sunriseal 24975@https://www.machform.com/forums/ <p>As noted above, the code that Yuniar gave me does not display the right side vertical line of the border</p> <p>.embed #form_container{<br /> border: 2px solid red;<br /> }</p> <p>It appears as if the form width is wiping out the right-vertical line.<br /> If I add a width parameter to the CSS code:<br /> .embed #form_container{<br /> border: 2px solid red;<br /> width: 799px;<br /> }</p> <p>the border is competed (using 800px does not work)</p> <p>Not sure why border alone does not work, but I will leave that to Yuniar to explain as soon as he is able to! </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24967 Fri, 04 Mar 2016 04:00:31 +0000 sunriseal 24967@https://www.machform.com/forums/ <p>@williamansley: No apologies necessary... your response was appreciated! </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24966 Fri, 04 Mar 2016 03:53:50 +0000 williamansley 24966@https://www.machform.com/forums/ <p>@sunriseal: I'm sorry I didn't help. I didn't have time to try it myself first. Hopefully Yuniar will have the solution. </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24964 Fri, 04 Mar 2016 03:47:06 +0000 sunriseal 24964@https://www.machform.com/forums/ <p>@williamansley: I tried your suggested code change, but that did not help... same results </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24963 Fri, 04 Mar 2016 03:27:33 +0000 williamansley 24963@https://www.machform.com/forums/ <p>@sunriseal: Try changing the code to what is given below and see if that helps.</p> <pre><code>.embed #form_container{ border: 2px solid red !important; }</code></pre> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24960 Fri, 04 Mar 2016 00:54:43 +0000 sunriseal 24960@https://www.machform.com/forums/ <p>Yuniar,</p> <p>Sorry for the delay in responding....<br /> Thank you for the code.<br /> The code works, but only partially.<br /> The right vertical bar is not being created! (the code creates a 3-sided box)</p> <p>Al </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24941 Sat, 27 Feb 2016 13:59:50 +0000 yuniar 24941@https://www.machform.com/forums/ <p>Actually, you can do so by using custom CSS code within your theme. To add border, simply add this code into your theme Custom CSS code section:</p> <pre><code>.embed #form_container{ border: 2px solid red; }</code></pre> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24930 Fri, 26 Feb 2016 20:44:27 +0000 sunriseal 24930@https://www.machform.com/forums/ <p>AMurray, appreciate the reply. I am aware of the design limitations but was hoping someone may have been able to circumvent those limitations. </p> <p>With that said, your suggestion may very well be something I should look into. Had not thought of that!</p> <p>Again, thanks! </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24928 Fri, 26 Feb 2016 16:04:55 +0000 AMurray 24928@https://www.machform.com/forums/ <p>I'm not sure there is a work-around since it is working as it was designed to - the form's theme won't display when using the embed code - I think that's the same with the Iframe code or any of the embed methods.</p> <p>You could use the direct link; on your website and make it open in a pop-up box (light-box, modal etc). </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24903 Mon, 22 Feb 2016 02:41:27 +0000 sunriseal 24903@https://www.machform.com/forums/ <p>The answer is yes, BUT when you use the recommended JavaScript form code, which I am, the documentation says this: "As this code is intended to integrate the form into your existing web page seamlessly, the form’s background, border, and logo header won’t be displayed."</p> <p>I am just wondering if there is a workaround.... </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24902 Sun, 21 Feb 2016 19:36:12 +0000 mbs14a 24902@https://www.machform.com/forums/ <p>Can you not simply adjust this in theme Editor? </p> https://www.machform.com/forums/topic/add-a-border-around-javascript-form#post-24901 Sun, 21 Feb 2016 01:08:59 +0000 sunriseal 24901@https://www.machform.com/forums/ <p>Is there a way to add a border around the JavaScript form?</p> <p>Thanks in advance!</p> <p>Al </p>