For some reason the element that displays the down arrow on the kendo dropdownlist always has the inner text set to "select" so the letters "se" appear hovering over that dropdown button arrow. I'm not sure why this is happening, but the quickest and most global way for me was to get rid of it was to override the element's css and set the text color to transparant like so:
.k-dropdown-wrap > .k-select > span {
color:transparent;
}
Is there somewhere else that I can just remove the "select" inner text of this element? It really shouldn't be there.
I'm on the latest kendo ui.
Thanks,
Michael
4 Answers, 1 is accepted
Hello Michael,
I am afraid that the issue is not a known one, nor is reproducible in our online demos, so please extract a runnable sample in a Kendo UI Dojo and we will be happy to help.
Regards,
Boyan Dimitrov
Telerik
Rank 1
Even I'm seeing it. Here is a screen shot of it. Its more evident with the custom themes.
Hello HArjit,
I am afraid that without a sample project/dojo example I am not able to investigate the described behavior. Please extract a runnable sample in a Kendo UI Dojo and we will be happy to help.
Regards,
Boyan Dimitrov
Telerik
Rank 1
Hi,
i had the same result hier just working with the basic demo code that i copied into my editor.
The reason for this is a wron .css file that's in the demo.
<link rel="stylesheet" href="styles/kendo.common.min.css" />
<link rel="stylesheet" href="styles/kendo.default.min.css" />
If you click the Edit this example button then you will notic that two other style sheets are used:
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.material.min.css" />
With these stysheets everything looks ok - but it' is very frustration when you are a novice to kendo.
Dirk