Dropdown list seleced value getting trimmed

5 posts, 1 answers
  1. Suthish
    Suthish avatar
    13 posts
    Member since:
    May 2015

    Posted 10 Jun 2015 Link to this post

    Hi,

    I having a drop down list binding values as below

    @(Html.Kendo().DropDownList()
    .Name("Country")
    .BindTo(new SelectList(Model.CountryList, "Value", "Text"))
    .DataTextField("Text")
    .DataValueField("Value")

    But the selected value or any selection is showing as "Am..." instead of "America". If the selection is "All" then the value is showing properly in drop down.

     

     

  2. Suthish
    Suthish avatar
    13 posts
    Member since:
    May 2015

    Posted 10 Jun 2015 Link to this post

    Order of styles and scripts using

    <link href="~/Content/themes/base/jquery.ui.theme.css" rel="stylesheet" />
    <link href="~/Content/Main.css" rel="stylesheet" />
    <link href="~/Content/kendo/kendo.common.min.css" rel="stylesheet"/>
    <link href="~/Content/kendo/kendo.rtl.min.css" rel="stylesheet" />
    <link href="~/Content/kendo/kendo.default.min.css" rel="stylesheet" />
    <link href="~/Content/kendo/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="~/Content/kendo/kendo.dataviz.default.min.css" rel="stylesheet"/>
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/modernizr.js"></script>
    <script src="~/Scripts/kendo/kendo.all.min.js"></script>
    <script src="~/Scripts/kendo/kendo.aspnetmvc.min.js"></script>

  3. Kendo UI is VS 2017 Ready
  4. Suthish
    Suthish avatar
    13 posts
    Member since:
    May 2015

    Posted 10 Jun 2015 Link to this post

    no help yet :(
  5. Answer
    Rosen
    Admin
    Rosen avatar
    3235 posts

    Posted 12 Jun 2015 Link to this post

    Hello Suthish,

    Looking at the provided information it seems that there are some custom CSS styles which are interfering with DropDownList widget styles. You could try identifying which is the offending file by removing reference to non Kendo UI CSS files. Also you should verify that the correct (matching the version of the JavaScript files) version of Kendo UI CSS files are included.

    Another thing I have noticed is that you are using unsupported version of jQuery. The minimal required version is 1.9.1.

    If you continue to experience difficulties please provide a small runnable sample which demonstrates the issue in question.

    Regards,
    Rosen
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Suthish
    Suthish avatar
    13 posts
    Member since:
    May 2015

    Posted 14 Jun 2015 Link to this post

    Yes, CSS issue only. I had a custom CSS file which used to set drop down list width and height. File removed and tested, working fine.

    Thank You...

     

Back to Top
Kendo UI is VS 2017 Ready