Fork me on GitHub
Like it? Star it! Want it? Fork it! And also follow ;)
Follow @danielreznick
Check out my other jQuery plug-in: Yet Another DataTables Column Filter (yadcf)Check out my AngularJS Directive: Color Picker

jQuery Feedback Me Plugin 0.5.9.beta.1

Twitter Bootstrap Example

This jQuery plug-in allows user to easily add an animatable UI widget with a feedback form which slides from the side of the screen.

***Click on the feedback label on the left***
Features:
Usage(on this page example):
						$(document).ready(function () {
						    //set up some minimal options for the feedback_me plugin
						    fm_options = {
						        bootstrap: true,
						        name_placeholder: "Name please",
						        name_required: true,
						        message_placeholder: "Go ahead, type your feedback here...",
						        feedback_url: "send_feedback_bootstrap",
						        custom_params: {
						            csrf: "my_secret_token",
						            user_id: "john_doe",
						            feedback_type: "bootstarp"
						        },
						        delayed_options: {
						        	success_color: "#5cb85c",
						        	fail_color: "#d2322d",
						        	delay_success_milliseconds: 3500,
						        	send_success : "Thanks for your feedback :)"
						        }
						    };
				
						    //init feedback_me plugin
						    fm.init(fm_options);
						    
						});
					
All available parameters + default settings (detailed documentation inside jquery.feedback_me.js):
					var default_options = {
						feedback_url: "",
						position: "left-top",
						jQueryUI: false,
						bootstrap: false,
						show_email: false,
						show_radio_button_list: false,
						close_on_click_outisde: true,
						name_label: "Name",
						email_label: "Email",
						message_label: "Message",
						radio_button_list_labels: ["1", "2", "3", "4", "5"],
						radio_button_list_title: "How would you rate my site?",
						name_placeholder: "",
						email_placeholder: "",
						message_placeholder: "",
						name_required: false,
						email_required: false,
						message_required: false,
						radio_button_list_required: false,
						show_asterisk_for_required: false,
						submit_label: "Send",
						title_label: "Feedback",
						trigger_label: "Feedback",
						custom_params: {},
						iframe_url : undefined,
						show_form: true,
						custom_html: "",
						delayed_close : true,
						delayed_options : {
							delay_success_milliseconds : 2000,
							delay_fail_milliseconds : 2000,
							sending : "Sending...",
							send_fail : "Sending failed.",
							send_success : "Feedack sent.",
							fail_color : undefined,
							success_color : undefined,
							custom_html_success: undefined,
							custom_html_fail: undefined
						}				
					};