Kendo dropDownList doesn't work with then Chart on the page

2 posts, 1 answers
  1. Answer
    Sharif
    Sharif avatar
    14 posts
    Member since:
    Jun 2013

    Posted 14 Aug 2013 Link to this post

    I have simple chart on the page. I added dropdownlist to filter the chart. I chrome the dropdown won't expand. In IE 10.  the dropdown will expand only if I click on the text only. I copied the example form the demo and pasted on the same page and it didn't work. when I removed the chart it worked fine.
       
    @(Html.Kendo().DropDownList()
    .Name("color")
    .DataTextField("Text")
    .DataValueField("Value")
    .Events(e => e.Change("change"))
    .BindTo(new List<SelectListItem>() {
    new SelectListItem() {
    Text = "Black",
    Value = "1"
    },
    new SelectListItem() {
    Text = "Orange",
    Value = "2"
    },
    new SelectListItem() {
    Text = "Grey",
    Value = "3"
    }
    })
    .Value("1")
    )
  2. Sharif
    Sharif avatar
    14 posts
    Member since:
    Jun 2013

    Posted 14 Aug 2013 Link to this post

    I found I need to put spacer between the dropdown list and the chart-wrapper

    <div class"ddl"/>
    <div class="spacer"/>
    <div class="chart-wrapper"/>
Back to Top