diff --git a/e107_handlers/form_handler.php b/e107_handlers/form_handler.php index 36596f876..4094c5df8 100644 --- a/e107_handlers/form_handler.php +++ b/e107_handlers/form_handler.php @@ -749,6 +749,11 @@ class e_form // Load selectize behavior. e107::js('core', 'selectize/js/selectize.init.js', 'jquery'); + $options['selectize']['wrapperClass'] = 'selectize-control'; + $options['selectize']['inputClass'] = 'selectize-input'; + $options['selectize']['dropdownClass'] = 'selectize-dropdown'; + $options['selectize']['dropdownContentClass'] = 'selectize-dropdown-content'; + $jsSettings = array( 'id' => vartrue($options['id'], $this->name2id($name)), 'options' => $options['selectize'], diff --git a/e107_web/js/selectize/js/selectize.init.js b/e107_web/js/selectize/js/selectize.init.js index e0079dee4..20b9b49ed 100644 --- a/e107_web/js/selectize/js/selectize.init.js +++ b/e107_web/js/selectize/js/selectize.init.js @@ -98,6 +98,11 @@ var e107 = e107 || {'settings': {}, 'behaviors': {}}; labelField: item.options.labelField ? item.options.labelField : 'label', searchField: item.options.searchField ? item.options.searchField : 'label', + wrapperClass: item.options.wrapperClass || 'selectize-control', + inputClass: item.options.inputClass || 'selectize-input', + dropdownClass: item.options.dropdownClass || 'selectize-dropdown', + dropdownContentClass: item.options.dropdownContentClass || 'selectize-dropdown-content', + // Callbacks. load: function (query, callback) { var loadPath = item.options.loadPath ? item.options.loadPath : '';