The following displays the imFeedBack JQuery UI Widget with the dialog option. To display the feedback form is in a dialog, set the show to dialog. (the show option is set to slide by default).
When using the dialog option, you must provide the widget an id for the dialog container. This container does not have to be styled, but I did set the font-size to 62.5%, rather than setting it for the body. You also need to provide the dialog width.
$(document).ready(function(){
$(document.body).imFeedBack({
show: 'dialog',
dialog_container: 'imFeedBack-dialog', // used only if show = dialog
dialog_width: '550px',
form_capture_name: 'firstLast',
top_text: 'If you love Stargate SG-1, send us an email to tell us why. If you don\'t think that is that was the best sci-fi show since the original Star Trek, then...',
feedback_subject: 'I love Stargate SG-1',
disable_subject: true,
submit_url: 'http://www.mysite.com/send_mail.php'
});
});
Notice that I also set the feedback_subject option to add a value to the subject field. I also set the disable_subject option to true so the user will not be able to change the value.
For more documentation on the imFeedBack widget, view my Blog Post.