- lindasiegelAsked on May 10, 2011 at 04:48 PM
I made it smaller, but its still cut off. Will look at how I implemented on site, but can't figure it out yet.
- JotForm SupportNeilVicenteAnswered on May 10, 2011 at 06:22 PM
From the looks of it, your form is being affect by the css stylesheet of the webpage where you have it embedded. To prevent this from happening, you might want to embed your form using iFrame codes.
To get your iframe embed codes
1. Go to Setup & Embed tab
2. Click Embed Form
3. Click iFrame
4. Copy the codes provided in the next screen
Let me know how this solution works for you. Feel free to contact us again if problem still persists. Also, I would appreciate it if you include the link to the page where your form is embedded. Thank you!
- lindasiegelAnswered on May 11, 2011 at 04:15 PM
Thanks so much for your response! My testing capabilities for browser
rendering is limited showed it works in IE8&9 but not in vers. 6&7. Tried
iFrame. Using iWeb, learning FLUX... Am sort of IN flux:)
Will let you know.
- JotForm SupportNeilVicenteAnswered on May 11, 2011 at 04:28 PM
Great. Please do update us on your progress. We'll find a better solution if embedding via iframe doesn't fix it.
- lindasiegelAnswered on May 11, 2011 at 04:43 PM
Tried iFrame, got same result. Can it be IE's inability to render proper font size, therefore its too big and pushing the SUBMIT button off the page? IE testbed shows it works in IE 8, but not 7.
- JotForm SupportabajanAnswered on May 11, 2011 at 05:46 PM
Assuming the URL of the page with the form is http://milkboxdeli.com/MBD/Milkbox_Deli_Specials.html, on line 69 (actually, it may be line 64. At any rate, it's in the division with the ID of "id1") of the source please increase the height value from 164 to about 174 as highlighted below and let us know if it helps:
- lindasiegelAnswered on May 12, 2011 at 05:30 PM
I made the change you suggested, though the box below the html widget is not related to the size of the widget. The problem really seems to be how earlier versions of IE handle the font sizes allowed in Jotform, I confirmed again in test bed. I would not even worry, but my client has IE7, and it looks wrong to her and anyone with earlier versions of IE (6&7). Have you not seen this before? Made font size much smaller too as you can see in safari or firefox. Any other ideas? Thanks so much.
- JotForm SupportNeilVicenteAnswered on May 12, 2011 at 11:59 PM
I see now what you mean with the form being cut off when using IE7
I searched high and low for an answer and I learned that IE 7 has problems concerning iframes with 100% height.
Looking at your site's source codes, I found that the iframe called "widget-0-frame" inside the div "widget0-htmlRegion" has its height set to "100%". Is there any way you could change that value to something absolute, say 200px or so 165px?
Try following my solution and get back to us if it still does not work.
EDIT: I found that 165px is the perfect height for that iframe. 200px will extend your iframe beyond the widget0-htmlRegion div
- lindasiegelAnswered on May 14, 2011 at 09:13 AM
Did try, seems IE 6-7 is definitely the problem.
- lindasiegelAnswered on May 14, 2011 at 09:31 AM
So you can see that because it wraps. due to large font, the container would be too large to look right. Please let me know anymore you learn about this root problem, as IE versions continue to be a major pain int he code. Thanks:)
- JotForm SupportNeilVicenteAnswered on May 15, 2011 at 03:18 AM
Problem is now fixed (hopefully). I injected a line of css to your form to give the heading a specific font-size:
I see it working fine now with IE7/IE6. Please do check.
- JotForm SupportNeilVicenteAnswered on May 15, 2011 at 12:51 PMAnswered by
Looks like that solved it! It renders correctly in both 6&7!
When you say you put the CSS into the form, (below is the current iWeb
version), 2 things... (would I need to reinsert each time I edit the form,
and which version did you fix?) This is the iWeb version, do I just edit and
maintain it? Should I still use iWeb or iFrame and I can see this coming up
Thanks so much!
When I said injected css into your form, i meant doing this. As long as the injected CSS is in your form, it wouldn't matter if you re-embed it over and over again, even if you do not use iWeb anymore.
Keep using iframe codes though, as it is the most fool-proof of all the embed methods available.
- lindasiegelAnswered on May 15, 2011 at 12:56 PMAh! Ok, great to learn! Will keep using the iFrames, especially since I am
in the process of learning FLUX.
I love using your site and will increase use going forward, especially with
your terrific support. Am interested in your payment functionality too.