This forum is no longer open and is for reading/searching only.
Please use our new MachForm Community Forum instead.
MachForm Community Forums » MachForm 3
Expanding height divs
Started 11 years ago by smcrmo | 10 posts |
-
I am currently using the iframe code to place forms in the sidebars of my wordpress site, e.g.,: http://www.tamarindo.com/pangas-beach-club/
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.
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.
Posted 11 years ago # -
yuniar
Is there any issue with the Javascript embed code?
MachForm Founder
Posted 11 years ago # -
Actually, the Javascript code for the form does what I need, so I will use that on the forms that have conditional logic.
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: http://www.tamarindo.com/checkouttest/
Can I apply the same styling somehow to the Javascript version?
Posted 11 years ago # -
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.
Posted 11 years ago # -
yuniar
When being embedded, the form container is not being used/hidden. You will need to apply the border-radius to the iframe itself.
So, you'll need to put the CSS into the page where you embed the form (not into the theme).Use something like this:
iframe{ border-radius: 10px; }MachForm Founder
Posted 11 years ago # -
Thank you so much, that did the trick!
Posted 11 years ago # -
Yuniar,
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.
You can see this on these two pages:
Form with iframe machform code: http://www.tamarindo.com/form-test/ slideshow and form load and display normally
Form with javascript machform code: http://www.tamarindo.com/form-test-2/ form displays normally; slideshow does not load/display
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.
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.
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!
Posted 11 years ago # -
yuniar
It seems there is some conflict with the existing javascript library. Try to edit your form code and remove this part of the code:
<script type="text/javascript" src="http://www.tamarindo.com/machform/js/jquery.min.js"></script>MachForm Founder
Posted 11 years ago # -
Yes, that did the trick! Thank you so much, this is going to make a huge difference in our site!
Posted 11 years ago # -
yuniar
awesome :)
MachForm Founder
Posted 11 years ago #
Reply
You must log in to post.