View demo
See how DontType! works
A graphical interface for entering passwords using a grid - similar to the Android password input interface. Replaces regular passwords inputs with a simple drawing interface.
Supports modern Browsers and touch devices like iphone and android.
Back to top
Get Started
Install
simply include the dontType.js file in your page
now you can call the plugin on any password field:
$('#passwordField').dontType();
Back to top
Options
Options
Additional Parameters which you can pass to customize the Plugin:
Dimensions Customize width, heights, paddings of the Canvas Element and the radius of the Dots.
width: 155, height: 155, padding: 25, radius: 14Colors
styles: { dotGradient: { from: 'rgba(49,49,49,0.95)', to: 'rgba(35,35,35,0.95)' }, dotInner: 'rgb(255,255,255)', dotActiveInner: 'rgb(123,217,62)', dotActiveBorder: 'rgb(172,172,172)', lineColor: 'rgba(207,207,207,0.85)' }Callbacks
NoSupport If the Browser dont supports the canvas Element, this Function will be called.
noSupport: function () { // for example include ExCanvas locally var s = document.createElement('script'); s.src = 'excanvas.js'; s.type = 'text/javascript'; document.getElementsByTagName("head")[0].appendChild(s); }
Back to top
Fork it on Github
You must be logged-in to vote. Log-in to your account or register now.
Back to top
User Reviews & Ratings
No reviews have been submitted yet.
Back to top
Questions & Comments
Have a question for the developer or a comment about this component? leave it below!
Log-in now or register for a free account.