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

Kendo DropDownList OptionLabel

2 Answers 631 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Rizwan
Top achievements
Rank 1
Rizwan asked on 07 Apr 2016, 03:03 PM

Hi
I have been going through an issue with Kend DropDownList's OptionLabel.

I have attached an image of the UI, if you see in it the optionLabel is kind of sticking to the top of the dropdown when I open it, even if I scroll the dropdown that option label keeps on showing plus its size is not like normal entry if you see the selected item highlighted in blue is comparatively wide vs the height of the option label.Also the second image with smaller drop down is also showing the same issue "Select Denial Reason" option label has smaller height compared to one of the values in dropdown like DENIED FUNCTIONAL etc.
Below is my code how I am defining it.
Please help me in tackling this issue so that optionlabel starts behaving normal.
Thanks
Rizwan

2 Answers, 1 is accepted

Sort by
0
Rizwan
Top achievements
Rank 1
answered on 07 Apr 2016, 03:05 PM

Sorry guys I forgot to place my code in the original posting, but here it is

 @(Html.Kendo().DropDownList()
       .Name("AdminApplicationStatusId")
       .HtmlAttributes(new { @class = "form-control mandatory ExternalEditable", style = "width:400px", @id = "ddlAdminStepTypes" })
       .DataTextField("AdminStepTypeName")
       .DataValueField("AdminStepTypeId")
       .OptionLabel("SELECT ADMIN STEP...")
       .BindTo((IEnumerable)HttpContext.Current.Application["AdminStepTypes"])
               .Events(e => e.Select("AdminApplicationStatusList_select")
          ))

0
Helen
Telerik team
answered on 11 Apr 2016, 08:56 AM
Hello Rizwan,

As we can see you've opened a support ticket regarding the same issue. To avoid misunderstandings please let's keep our communication in one thread. Here is our answer in the ticket:

"To see the OptionLabel on top of the dropdown when scroll it is the expected behavior. This functionality is implemented in Q1 2015. More about it you may find here under the DropDownList section:

http://docs.telerik.com/kendo-ui/backwards-compatibility/2015/2015-backward-compatibility#kendo-ui-2015-q1

As for the second issue:
- "..the selected item highlighted in blue is comparatively wide vs the height of the option label".

We couldn't reproduce it at our online example.
Probably there are some custom styles applied to the dropdown. Is it possible to send us a live url, which demonstrates the issue to investigate it further?"



Regards,
Helen
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
DropDownList
Asked by
Rizwan
Top achievements
Rank 1
Answers by
Rizwan
Top achievements
Rank 1
Helen
Telerik team
Share this question
or