X-editable
In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
This library allows you to create editable elements on your page.
It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.
It's new life of bootstrap-editable plugin that was strongly refactored and improved.
Please try out demo to see how it works.
Bootstrap
Twitter Bootstrap has awesome Form markup and Popover plugin allowing pretty in-place editing. For date input it uses bootstrap-datepicker.
jQuery UI (1.9+)
Starting from jQuery UI 1.9 it has Tooltip plugin. In combination with Button widget it is suitable enough for editable form and popup. You can apply any theme of jQuery UI Themeroller.
jQuery (+ poshytip plugin)
The simplest build of X-editable. For inline mode you need only jquery. For popup mode it uses Poshytip plugin. For datetime fields you can use combodate type based on momentjs.
Using CDN:
Latest release
1.4.4 (May 4, 2013)
- added bootstrap-datetimepicker, see updated demo
- ability to show buttons at bottom instead of right #198
- upgrade to bootstrap 2.3.1
- upgrade to bootstrap-datepicker 1.0.2
- upgrade to select2 3.3.2
- many other bugfixes
Thanks to community for great support!
Features
- popup and inline modes
- supported inputs:
- text
- textarea
- select
- date
- datetime new
- dateui
- combodate
- html5types
- checklist
- wysihtml5
- typeahead
- select2
- client-side and server-side validation
- customizible container placement
- toggle by click, dblclick or manually
- keyboard support (escape/enter/tab)
- works in IE7+ and all modern browsers
- unit tested
- live events
Why editable?
- fast development, no special FORM markup
- less number of screens in your application
- easy adding / removing fields
- simple backend script for data update
- more convenient on small forms