Dropdown list seleced value getting trimmed

[Suthish]

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.

 

 

[Suthish]

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>

[Suthish]

no help yet :(

[Rosen]

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

 

 

[Suthish]

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...