diff --git a/cms/media/css/common.css b/cms/media/css/common.css index 5fe504eb3..ecfff67c1 100644 --- a/cms/media/css/common.css +++ b/cms/media/css/common.css @@ -17694,6 +17694,14 @@ html body.page-signup { .select2-container-multi.select2-container-active .select2-choices { outline: none; } +.select2-container-multi .select2-choices .ui-state-highlight.select2-search-choice { + height: 20px; + background: none; + border-style: dotted; +} +.select2-search-choice div { + white-space: nowrap; +} .select2-locked { padding: 0 6px !important; } diff --git a/cms/plugins/hybrid/media/field/source_array.js b/cms/plugins/hybrid/media/field/source_array.js index b12303f25..9d9d134fe 100644 --- a/cms/plugins/hybrid/media/field/source_array.js +++ b/cms/plugins/hybrid/media/field/source_array.js @@ -53,5 +53,22 @@ $(function() { } } }); + + $self.select2("container").find("ul.select2-choices").sortable({ + containment: 'parent', + items: 'li:not(.select2-search-field)', + tolerance: 'pointer', + placeholder: 'ui-state-highlight select2-search-choice', + opacity:.8, + axis: "x", + start: function () { + $self.select2("onSortStart"); + }, + update: function () { + $self.select2("onSortEnd"); + } + }); + + //$self.on("change", function() { console.log($self.val()); }); }); }); \ No newline at end of file