Welcome back
X-editable
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. Live Demo
<table id="editable-form" class="table table-striped editable-form">
<tr>
<td width="35%">Simple text field</td>
<td width="65%"><a href="#" id="username" data-type="text" data-pk="1" data-title="Enter username" class="editable editable-click">superuser</a></td>
</tr>
<tr>
<td>Empty text field, required</td>
<td><a href="#" id="firstname" data-type="text" data-pk="1" data-placement="right" data-placeholder="Required" data-title="Enter your firstname" class="editable editable-click editable-empty">Empty</a></td>
</tr>
</table>
Simple text field | superuser |
Empty text field, required | Empty |
Select, local array, custom display | not selected |
Select, remote array, no buttons | Admin |
Select, error while loading | Active |
Datepicker | 25.02.2013 |
Combodate (date) | 15/05/1984 |
Combodate (datetime) | Empty |
Bootstrap Datetimepicker | 15/03/2013 12:45 |
Textarea, buttons below. Submit by ctrl+enter | awesome user! |
Bootstrap 2 typeahead | California |
Checklist | peach apple |
Select2 (tags mode) | html, javascript |
Select2 (dropdown mode) | Bahamas |
Custom input, several fields | Moscow, Lenina st., bld. 12 |