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

inner text of dropdownlist select arrow

4 Answers 66 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 09 Jul 2015, 03:38 PM

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

Sort by
0
Boyan Dimitrov
Telerik team
answered on 13 Jul 2015, 08:29 AM

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
HArjit
Top achievements
Rank 1
answered on 17 Jul 2015, 02:35 PM

Even I'm seeing it.  Here is a screen shot of it.  Its more evident with the custom themes.

0
Boyan Dimitrov
Telerik team
answered on 21 Jul 2015, 08:15 AM

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Dirk
Top achievements
Rank 1
answered on 22 Jul 2015, 12:19 PM

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
‚Äč

Tags
DropDownList
Asked by
Michael
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
HArjit
Top achievements
Rank 1
Dirk
Top achievements
Rank 1
Share this question
or