This is a migrated thread and some comments may be shown as answers.

Display issue with dropdownlist within tabstrip

4 Answers 96 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Bricknode
Top achievements
Rank 1
Bricknode asked on 26 Oct 2018, 10:05 AM
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.

4 Answers, 1 is accepted

Sort by
0
Bricknode
Top achievements
Rank 1
answered on 26 Oct 2018, 10:18 AM
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.
0
Bricknode
Top achievements
Rank 1
answered on 26 Oct 2018, 10:50 AM
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?
0
Bricknode
Top achievements
Rank 1
answered on 26 Oct 2018, 10:52 AM
Just to add, setting the HtmlAttributes in the Kendo Drop Down List control to background white did not help.
0
Veselin Tsvetanov
Telerik team
answered on 30 Oct 2018, 06:28 AM
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:

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

Regards,
Veselin Tsvetanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
DropDownList
Asked by
Bricknode
Top achievements
Rank 1
Answers by
Bricknode
Top achievements
Rank 1
Veselin Tsvetanov
Telerik team
Share this question
or