🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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.Features:Bootstrap supportjQuery UI themes supportRTL supportUses ajax post to send data to server (‘name’, ‘message’ and ’email’ parameters will be send to your servlet/php file etc…)All labels are customizableCustomizable placeholder (HTML5) for all input fields

Bootstrap Plugins

Documentation

jQuery Feedback Me Plugin

Description:

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.

Contact/Social:

If you want to ask a question use my google group

If you like my plugin, you can show your appreciation by following me in Twitter / GitHub.

Features:

  • Using CSS3 Transition for sliding out the feedback widget (jquery used as a fallback for older browsers)
  • Multiple feedbacks on page (different locations)
  • Growl alike and super customizable dialog response for success/fail feedback sending
  • Highly customizable notification response for success/fail feedback sending
  • Bootstrap support
  • jQuery UI themes support
  • 4 different possible locations to place the widget
  • Using AJAX post to send data to server ('name', 'message' and 'email' parameters will be send to your servlet/php file etc...)
  • Ability to send additional custom params to server (csrf token / logged in user_name / etc`)
  • Ability to embed any external html file inside the feedback_me widget for maximum customization
  • Ability to embed inline html code inside the feedback_me widget for more customizations
  • RTL support (except in 0.5.2 version)
  • All labels are customizable
  • Customizable placeholder (HTML5) for all input fields
  • Optional required attribute (HTML5) for all input fields with homegrown validation
  • Optional asterisk next to label of required input fields
  • Optional pattern attribute (HTML5) for name input field with homegrown validation

Examples:

Clean example

Clean complex example

jQuery UI theme aware example

Bootstrap example

External IFrame Example

Custom Html Example

Multiple Feedbacks Example

Usage:

$(document).ready(function(){ 	fm_options = { 		jQueryUI : true, 		position : "left-bottom", 		name_placeholder:"Name please",						 		trigger_label : "Click me", 		message_required : true, 		show_asterisk_for_required : true, 		feedback_url : "send_feedback" 	};  	fm.init(fm_options); });

All available parameters + default settings (detailed explanation 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 	} };

License:

Copyright (c) 2015 Daniel Reznick, released under the MIT license


You May Also Like