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

Dropdown list seleced value getting trimmed

4 Answers 27 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Suthish
Top achievements
Rank 2
Suthish asked on 10 Jun 2015, 03:00 PM

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.

 

 

4 Answers, 1 is accepted

Sort by
0
Suthish
Top achievements
Rank 2
answered on 10 Jun 2015, 03:47 PM

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>

0
Suthish
Top achievements
Rank 2
answered on 11 Jun 2015, 02:53 AM
no help yet :(
0
Accepted
Rosen
Telerik team
answered on 12 Jun 2015, 03:21 PM

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!
 
0
Suthish
Top achievements
Rank 2
answered on 15 Jun 2015, 04:49 AM

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

 

Tags
DropDownList
Asked by
Suthish
Top achievements
Rank 2
Answers by
Suthish
Top achievements
Rank 2
Rosen
Telerik team
Share this question
or