diff --git a/src/editable-form/editable-form.css b/src/editable-form/editable-form.css index 0b2b07e..0ef39e5 100644 --- a/src/editable-form/editable-form.css +++ b/src/editable-form/editable-form.css @@ -23,12 +23,11 @@ color: red; } -.editableform input, -.editableform select, -.editableform textarea { +.editableform .editable-input { vertical-align: top; display: inline-block; width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ + float: left; } .editableform textarea { @@ -36,7 +35,6 @@ } .editableform .editable-date { - float: left; padding: 0; margin: 0 0 9px 0; } \ No newline at end of file diff --git a/src/inputs/abstract.js b/src/inputs/abstract.js index b0320cd..bb2b243 100644 --- a/src/inputs/abstract.js +++ b/src/inputs/abstract.js @@ -28,6 +28,7 @@ To create your own input you should inherit from this class. **/ render: function() { this.$input = $(this.options.tpl); + this.$input.addClass('editable-input'); if(this.options.inputclass) { this.$input.addClass(this.options.inputclass); } diff --git a/src/inputs/checklist.js b/src/inputs/checklist.js index 2dd4f75..491b095 100644 --- a/src/inputs/checklist.js +++ b/src/inputs/checklist.js @@ -1,5 +1,5 @@ /** -List of checkboxes. Internally value stored as javascript array. +List of checkboxes. Internally value stored as javascript array of values. @class checklist @extends list @@ -147,4 +147,4 @@ $(function(){ $.fn.editableform.types.checklist = Checklist; -}(window.jQuery)); \ No newline at end of file +}(window.jQuery));