GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → gesquive → bootstrap-add-clear

gesquive / bootstrap-add-clear

Licence: MIT License
bootstrap plugin to add a (x) clear button to your input fields

Labels

bootstrapforms

Projects that are alternatives of or similar to bootstrap-add-clear

boxdetect
BoxDetect is a Python package based on OpenCV which allows you to easily detect rectangular shapes like character or checkbox boxes on scanned forms.
Stars: ✭ 46 (+27.78%)
Mutual labels:  forms
form-o-fill-chrome-extension
The programmable form filler for developers. Powered by javascript.
Stars: ✭ 84 (+133.33%)
Mutual labels:  forms
django-semanticui-forms
Effortlessly style all of your Django forms and form fields with Semantic UI wrappers.
Stars: ✭ 59 (+63.89%)
Mutual labels:  forms
form.js
🖍️ Automagic forms.
Stars: ✭ 16 (-55.56%)
Mutual labels:  forms
django-safe-filefield
Secure file field, which allows you to restrict uploaded file extensions.
Stars: ✭ 41 (+13.89%)
Mutual labels:  forms
forms-frontend
Frontend for Python Discord forms.
Stars: ✭ 18 (-50%)
Mutual labels:  forms
survey kit
Flutter library to create beautiful surveys (aligned with ResearchKit on iOS)
Stars: ✭ 68 (+88.89%)
Mutual labels:  forms
form-js
View and visually edit JSON-based forms.
Stars: ✭ 125 (+247.22%)
Mutual labels:  forms
react-final-form-listeners
A collection of components to listen to 🏁 React Final Form fields
Stars: ✭ 91 (+152.78%)
Mutual labels:  forms
cl-forms
Web forms handling library for Common lisp
Stars: ✭ 29 (-19.44%)
Mutual labels:  forms
vue-use-form
✅ A Vue.js composition API function to validate forms
Stars: ✭ 97 (+169.44%)
Mutual labels:  forms
ember-formly
JavaScript powered forms for Ember
Stars: ✭ 24 (-33.33%)
Mutual labels:  forms
Maily-Form
Forms on any website
Stars: ✭ 29 (-19.44%)
Mutual labels:  forms
i7n-pdfhtml
pdfHTML is an iText 7 add-on for C# (.NET) that allows you to easily convert HTML and CSS into standards compliant PDFs that are accessible, searchable and usable for indexing.
Stars: ✭ 111 (+208.33%)
Mutual labels:  forms
Toast
To use it in PCL or .NetStandard projects write this line of code : CrossToastPopUp.Current.ShowToastMessage("Message");
Stars: ✭ 51 (+41.67%)
Mutual labels:  forms
sweetconfirm.js
👌A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for drop an annoying pop-ups confirming the submission of form in your web apps.
Stars: ✭ 34 (-5.56%)
Mutual labels:  forms
react-hubspot
A collection of React hooks for interacting with Hubspot APIs
Stars: ✭ 20 (-44.44%)
Mutual labels:  forms
CustomFormViews
A clean collection of views used for forms.
Stars: ✭ 12 (-66.67%)
Mutual labels:  forms
formio
Formio, form definition and binding library for Java platform
Stars: ✭ 24 (-33.33%)
Mutual labels:  forms
ember-do-forms
ember-do-forms handles the icky parts of forms that you don't want to, and leaves the rest to you.
Stars: ✭ 18 (-50%)
Mutual labels:  forms
View All Similar Projects ➔

Maintainer: Gus Esquivel
Plugin Website: http://gesquive.github.io/bootstrap-add-clear
Contributers: Stephen Korecky, scoman81, Steve887, Deividy, zarv1k, grrizzly, adambiggs, Vladekk, denisj, starspoint


About

This project is a fork of Stephen Korecky's "Add Clear" project. It is meant to work as a drop-in replacement when using bootstrap.

Getting Started

How you acquire bootstrap-add-clear is up to you.

Bower

Install with Bower:

bower install bootstrap-add-clear

NPM

Install with NPM:

npm install bootstrap-add-clear

If you are using browserify to bundle, you will have to expose jQuery globally:

entry.js

var $ = require('jquery');
global.jQuery = $;
require('bootstrap-add-clear');

Github

Clone the boostrap-add-clear repository:

git clone [email protected]:gesquive/bootstrap-add-clear.git

Direct Download

Note: bootstrap-add-clear has a dependency on jquery 1.8+ and Bootstrap 3

Available Options

Option Type Default
closeSymbol string
symbolClass string glyphicon glyphicon-remove-circle
wrapperClass string
top number 0
right number 0
returnFocus boolean true
showOnLoad boolean false
clearOnEscape boolean true
hideOnBlur boolean false
zindex number 100
onClear function null

Using Options

$("input").addClear({top : -2, right : 6});

// Example onClear option usage
$(":input").addClear({
  onClear: function(){
    alert("call back!");
  }
});

// Example font awesome icon usage
$(":input").addClear({
    symbolClass: "fa fa-times-circle"
})
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].