Indemnity83

Ramblings and musings of a technology addict

Aside

More than meets the eye

5 comments

I received a “Bug report” earlier today via my nifty submission page, that wasn’t really a bug report, but still warrants some attention.

Basically the question that Mike posed was “How did you get a Wufoo form to work in wordpress?”. The short answer is I didn’t. But the short answer isn’t very helpful. The long answer is that I used an iframe html element to embed the form into a wordpress page, and formatted the Wufoo form (using Wufoo’s built in tools) so that it blended well with the wordpress theme.

You can go take a look at the WuFoo form by itself by clicking the link below.

http://indemnity83.wufoo.com/forms/bug-reports-feature-requests/

Basically, any element of WuFoo that I didn’t want to see on my page, I made white. If you highlight the text starting from the first sentence up, you’ll see that your cursor highlights a few elements (including some text) that I just turned white to hide from normal view.

The trick works well to create a seemingly seamless integration, while leaving all the heavy lifting (IE, the extreemly well designed form) to WuFoo.

So what does the WordPress page look like? Ask and ‘ye shall receive:

<iframe height=”1436″ allowTransparency=”true” frameborder=”0″ scrolling=”no” style=”width:100%;border:none” src=”http://indemnity83.wufoo.com/embed/bug-reports-feature-requests/” title=”HTML Form”><a href=”http://indemnity83.wufoo.com/forms/bug-reports-feature-requests/” title=”HTML form”>Your browser doesn’t seem to support iframes, please click here to be taken to the form.</a></iframe>

Mike, I hope that answers your question. Below is a zip with the custom theme I created for my site (as a .css Style Sheet). You should be able to use this file in your own WuFoo theme manager to quickly get an embeddable form (although, admittedly, I haven’t tested it).

Download [Download not found] Now!
downloaded [Download not found] times

Written by Kyle

December 4th, 2007 at 2:13 pm

«
»
  • Mike

    Is there a setting on wordpress to allow iframes? When I composed a Page in WordPress, Worpress strips out the iframe tag.

  • http://www.indemnity83.com/about/kyle Kyle Klaus

    There is a check box under ‘Options’ -> ‘Writing’ labeled “WordPress should correct invalidly nested XHTML automatically” that might be doing that. I prefer to leave that setting off, and I also don’t use the WYSIWYG editor (“Use the visual editor when writing” check box under ‘Users’ -> ‘Your Profile’). I find that between those two options, to much of my HTML gets re-written when it was perfectly fine to begin with.

  • Mike

    That option was off, and not using the wysiwyg editor. You put the tag right in a WordPress page?

  • http://www.indemnity83.com/about/kyle Kyle Klaus

    Yup, just created a new page, and used the iframe tag exactly as I posted above. Do you have any plugins that might be filtering your posts?

  • http://msn.com Mike

    Maybe, I’m working on a small part of a larger project. I’ll have to look at that. I was able to make a basic plugin to add it that way.