More than meets the eye

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:

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

5 Responses to “More than meets the eye”

Mike on December 4th, 2007

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

Reply
Kyle Klaus on December 5th, 2007

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.

Reply
Mike on December 5th, 2007

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

Reply
Kyle Klaus on December 6th, 2007

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?

Reply
Mike on December 8th, 2007

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.

Reply