Apply Kendo UI dropdown styles to a select element

My app is on an older version of Kendo UI ~V2014.

I need to create a drowdown list with a tree view which this version of kendo does not support.

I'm trying to determine what kendo css classes to apply to get my select element to look similar to the other drop downs on my site.

```

<select class="k-widget k-dropdown-wrap k-header">
<option value="" selected disabled hidden>- Select -</option>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>


```

1 Answer
1

After further investigation I've determined this is not practical to do.

The Kendo drop-down module is built using spans not a select element, therefor the styles and behaviors do not exactly translate.

An alternative is to use two cascading drop-downs.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.