Kendo DropDownList OptionLabel

3 posts, 0 answers
  1. Rizwan
    Rizwan avatar
    11 posts
    Member since:
    Sep 2015

    Posted 07 Apr Link to this post

    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. Rizwan
    Rizwan avatar
    11 posts
    Member since:
    Sep 2015

    Posted 07 Apr in reply to Rizwan Link to this post

    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")
              ))

  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 11 Apr Link to this post

    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
Back to Top