The attached image shows the problem we are having with placing a kendo menu inside a kendo grid cell. We would like the dropdown menu to appear on top of other grid elements, without creating a scroll bar. We have tried using the following CSS:
This successfully prevents the scrollbars from appearing inside the individual cell, but does not prevent the scrollbar from appearing in the grid body.

<script id="editor" type="text/x-kendo-template">

<table border="0">
<tr style="border-style:hidden">
<td style="border-style:hidden"><label>Paciente</label></td>
<td style="border-style:hidden"><div id="example1" class="k-content"><input style="width:300px;" data-bind="value: Paciente" /> <button id="example1" class="k-button" data-bind="events:{ click: buscaficha}">Buscar</button></div></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Teléfono</td>
<td style="border-style:hidden"><input data-bind="value: Telefono"/></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Comienza</td>
<td style="border-style:hidden"><input name="start" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: start,invisible: isAllDay" /></td>

</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Finaliza</td>
<td style="border-style:hidden"><input name="end" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: end,invisible: isAllDay" /></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Médico</td>
<td style="border-style:hidden"><input data-bind="value: Medico"/></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Ficha</td>
<td style="border-style:hidden"><input data-bind="value: Ficha_Num"/></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Memo</td>
<td style="border-style:hidden"><input style="width:300px;" data-bind="value: Memo"/></td>
</tr>


</table>

</script>
-------------------------------------------------------

<script type='text/javascript'>


$(document).ready(function () {

var viewModel = kendo.observable({
buscaficha:function (e) {
  alert("HELLO");
}
});

kendo.bind($("#example1"), viewModel);
});
</script>

Thanks in advance

Johnny

Hello
I have problem with showing loading animation when after filter there is no data and then I press refresh or clear filter. There is no loading animation when scrollable flag is set to true. If there is no scrollable flag (scrollable flag is false) everything is working properly.

Regards
Marcin

Hi,
:( English.
i have a Grid starting with checkbox in all the rows and other data.
Have achieved displaying checkbox in the grid like this
And my output is like this:

HTMLcheckbox-Match-Content1-Content2-Content3
HTMLcheckbox-UnMatch-Content1-Content2-Content3
HTMLcheckbox-Match-Content1-Content2-Content3
HTMLcheckbox-Match-Content1-Content2-Content3
HTMLcheckbox-UnMatch-Content1-Content2-Content3

Now, i need to display a popup on clicking the checkbox("if the text is UnMatch") with some content.
And no need to do anything if i click on checkbox with the column text is Match.

Please help me how to do this.

I have set a delegated event handler to fire on a mouseenter of each of the autocomplete listbox items (the popup list). This handler will then call the autocomplete.select() on the target <li> The select method will set the target as such:
<li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" id="txtVendor_option_selected">XXXXXXX</li>

However it does not reset the class list on previously selected <li> items for example:
<li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected">ZZZZZZZ</li>

By not removing the k-state-selected class, I see the k-state-selected background's color which I don't want. While I could use jQuery to reset all of the <ul>'s <li> classes to just k-item, before I select an item, I would expect that the select() method would do this for me.  Is there something I am missing?

I can't seem to find an easy way to build a menu using Kendo similar to the menu at the kendoui.com website.  Is there anyone who can help me with some direction?

I am attaching an html file.  If you open this file in your browser,  and copy/paste into the demo application http://demos.kendoui.com/web/editor/index.html
it causes a javascript error. We are trying to use the editor in a production application, and are constrained to using ie 8.

Please advise.
Jim Meisterich

Hello, I need some assistance.  i am using the chart and I have a lot of data on there.  I was wondering if there is anyway to set a minimum width so all the data is readable.

For our bar chart, sometimes the category number is big, e.g., 100, in this scenario, the legend area mess up and the plot area disappears.
Could Kendo control the size of legend,  or, for example, give a scroll bar to show legend?

How can I validate whether input has been entered in an AutoComplete or a selection has been made in a DropDownList. If neither is true then it should fail validation. I'm just figuring out the Kendo Validation and if there was a length requirement maybe I'd be on the right track. Can someone suggest a successful way to validate this scenario?

Here's where I started:

I think this needs to be in here somewhere, but not sure if I have the whole thing put together properly.
Thanks in advance for enlightening me ;)