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

Dropdown list almost always off center

4 Answers 111 Views

Grid

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

Alex asked on 12 Apr 2016, 07:57 PM

dropdowns.png

dropdowns2.png

It seems that the more grids and/or rows I add to a page the more issues I have with dropdowns being off center (see attached)

Is this a known issue or has it been encountered by anyone else?

4 Answers, 1 is accepted

answered on 13 Apr 2016, 01:57 PM

dropdown3.png

This occurs in latest versions of IE and Firefox, Google Chrome works fine.

I narrowed the issue down to an issue with jqPlot. Removing that solved my initial issue.

BUT, another issue revealed itself: I can select the grid to have a pagesize less than the current amount, and switch between the original amount and the lower amount as much as I want, but if I select greater than the current amount it won't display.

For example, if my grid has 30 items, and the default page size is 10, I can select 5, and then select 10 again and again and again. But, if I select 20 for page size, I get the 20 items, but afterwards I don't have the ability to select anything else.

Attached: This is an image of me clicking on the page size dropdown, but nothing coming up, it looks very similar to the previous issue.

This new issue happens even when I remove the references to jqplot, but it also again, only happens in IE and Firefox.

Here is what the header of my page looks like when I do view source. Do you notice anything odd about my css or javascript files?

<!DOCTYPE html>

<html lang="en">

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta charset="UTF-8" />

<title>Captal Asset - Edit</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<script src="/Scripts/jquery-2.2.0.js"></script>

<script src="/Scripts/kendo/kendo.all.min.js"></script>

<script src="/Scripts/kendo/kendo.aspnetmvc.min.js"></script>

<link href="/Content/css/bootstrap.min.css" rel="stylesheet"/>

<link href="/Content/kendo/kendo.common-bootstrap.min.css" rel="stylesheet"/>

<link href="/Content/kendo/kendo.bootstrap.min.css" rel="stylesheet"/>

</head>