Display issue with dropdownlist within tabstrip

[Bricknode]

I have a dropdown list within a tab strip which in some way has a transparent background. The actual control is in front of the grid behind because if I click on the dropdown items they react and everything works correct but I am trying to get the dropdown to not be transparent.

[Bricknode]

I noticed that the content of the dropdown is present as an ul at the end of the html document and if I set background = white in the console then it works. However, I do not understand how to affect that one from where I create the kendo dropdown.

[Bricknode]

I ended up creating a function that I triggered in the DataBound event to set the background of the div that contained the ul but is that the correct way to do this?

[Bricknode]

Just to add, setting the HtmlAttributes in the Kendo Drop Down List control to background white did not help.

[Veselin Tsvetanov]

Hello,

As far as I can see from the Styles section of the Chrome Developer tools on one of the screenshots sent, you have included only the kendo.common.min.css style-sheet. That file is responsible for loading the basic layout of the widget. Apart from that, in order to get the full styling for Kendo, you will also have to include one of the theme scripts. For example, you should reference the kendo.default.min.css:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.default.min.css">

Here you could find some further information on Kendo styles and how they should be used.

Regards,
Veselin Tsvetanov
Progress Telerik