https://www.machform.com/forums/ MachForm Community Forums Topic: Expanding height divs en Sat, 07 Nov 2026 04:22:16 +0000 https://www.machform.com/forums/topic/expanding-height-divs#post-19249 Fri, 27 Sep 2013 19:03:46 +0000 yuniar 19249@https://www.machform.com/forums/ <p>awesome :) </p> https://www.machform.com/forums/topic/expanding-height-divs#post-19229 Tue, 24 Sep 2013 00:16:51 +0000 smcrmo 19229@https://www.machform.com/forums/ <p>Yes, that did the trick! Thank you so much, this is going to make a huge difference in our site! </p> https://www.machform.com/forums/topic/expanding-height-divs#post-19222 Mon, 23 Sep 2013 15:18:27 +0000 yuniar 19222@https://www.machform.com/forums/ <p>It seems there is some conflict with the existing javascript library. Try to edit your form code and remove this part of the code:</p> <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.tamarindo.com/machform/js/jquery.min.js&quot;&gt;&lt;/script&gt;</code></pre> https://www.machform.com/forums/topic/expanding-height-divs#post-19213 Fri, 20 Sep 2013 00:53:39 +0000 smcrmo 19213@https://www.machform.com/forums/ <p>Yuniar,</p> <p>It seems as though the javascript code solution to my issue was short lived. The theme I am using, GeoPlaces 3, has a default slideshow in each post, and when I use the javascript code for the machform the slideshow does not load.</p> <p>You can see this on these two pages:</p> <p>Form with iframe machform code: <a href="http://www.tamarindo.com/form-test/" rel="nofollow">http://www.tamarindo.com/form-test/</a> slideshow and form load and display normally</p> <p>Form with javascript machform code: <a href="http://www.tamarindo.com/form-test-2/" rel="nofollow">http://www.tamarindo.com/form-test-2/</a> form displays normally; slideshow does not load/display</p> <p>When I use any other javascript code snippet in either a sidebar widget or directly in the post, the slideshow is not affected and displays properly.</p> <p>If I use the machform javascript code in either a sidebar widget or directly in the post, the form displays properly but the slideshow does not load/display.</p> <p>I don't know anything about javascript and these types of conflicts. Is there some solution to get these elements to work properly together? Thanks so much for your help! </p> https://www.machform.com/forums/topic/expanding-height-divs#post-19200 Sun, 15 Sep 2013 18:34:20 +0000 smcrmo 19200@https://www.machform.com/forums/ <p>Thank you so much, that did the trick! </p> https://www.machform.com/forums/topic/expanding-height-divs#post-19194 Sun, 15 Sep 2013 17:10:07 +0000 yuniar 19194@https://www.machform.com/forums/ <p>When being embedded, the form container is not being used/hidden. You will need to apply the border-radius to the iframe itself.<br /> So, you'll need to put the CSS into the page where you embed the form (not into the theme).</p> <p>Use something like this:</p> <pre><code>iframe{ border-radius: 10px; }</code></pre> https://www.machform.com/forums/topic/expanding-height-divs#post-19176 Fri, 13 Sep 2013 21:01:47 +0000 smcrmo 19176@https://www.machform.com/forums/ <p>I've tried to apply the border-radius styling in Advanced CSS of the theme to the element 'strong'#form_container'/strong', but that doesn't seem to work. </p> https://www.machform.com/forums/topic/expanding-height-divs#post-19170 Fri, 13 Sep 2013 00:14:28 +0000 smcrmo 19170@https://www.machform.com/forums/ <p>Actually, the Javascript code for the form does what I need, so I will use that on the forms that have conditional logic. </p> <p>This leads to another question. On the page I linked to above, I use border radius styling by inserting CSS into the iframe code. When I use the Javascript code for a similar form, I lose this styling: <a href="http://www.tamarindo.com/checkouttest/" rel="nofollow">http://www.tamarindo.com/checkouttest/</a></p> <p>Can I apply the same styling somehow to the Javascript version? </p> https://www.machform.com/forums/topic/expanding-height-divs#post-19154 Wed, 11 Sep 2013 06:10:13 +0000 yuniar 19154@https://www.machform.com/forums/ <p>Is there any issue with the Javascript embed code? </p> https://www.machform.com/forums/topic/expanding-height-divs#post-19142 Tue, 10 Sep 2013 22:27:39 +0000 smcrmo 19142@https://www.machform.com/forums/ <p>I am currently using the iframe code to place forms in the sidebars of my wordpress site, e.g.,: <a href="http://www.tamarindo.com/pangas-beach-club/" rel="nofollow">http://www.tamarindo.com/pangas-beach-club/</a></p> <p>This works great for static forms, and I can adjust the form height in the iframe code to fit the size of forms with different elements. However, I would like to have a form with an "elastic" height that adjusts when conditional logic fields are used that add elements to the form based on user selection of other fields.</p> <p>If I was dealing just with divs, I could do this with some CSS settings on the form container, etc. However, iframe code doesn't allow for this. I can insert HTML code into a widget placed in the sidebar, and apply CSS to that to get an elastic form, but I don't see how to retrieve form code in HTML, other than just viewing source on the View form page. </p>