Замените стрелку раскрывающегося списка dhtmlx стрелкой Boostrap Select.

Question

Я работаю над веб-приложением, которое использует dhtmlx dropdown и я хочу использовать стиль Bootstrap. В настоящее время я просто пытаюсь добавить класс Bootstrap для dropdown(select), но это не меняет стрелку выбора.

Есть ли простой способ стилизовать dhtmlx dropdown использовать стиль Bootstrap?

В этом JSFiddle вы можете увидеть окно dhtmlx с выпадающим списком. Я добавил класс Bootstrap следующим образом: $('.dhxcombo_dhx_skyblue').addClass('form-control');,

Как я могу изменить стрелку? И должен ли я использовать другой метод? Я делаю это неправильно?

Большое спасибо.

Answer 1

Компонент DHTMLX применяет свои собственные скины, поэтому не существует простого способа повторно использовать стили начальной загрузки. Вы можете изменить скин на "материал", хотя. Похоже на бутстрап.

Проверьте http://jsfiddle.net/d9s8gx2m/2/

Он использует тот же код, просто другой файл dhtmlx.css

var window_1 = windows.createWindow('window_1', 0, 0, 300, 400);
var str = [
    { type:"combo" , name:"form_combo_1", label:"dhxCombo1",  inputWidth:120  },
    { type:"button" , name:"form_button_1", value:"Set Req"  }
];
var form_1 = window_1.attachForm(str);