For all Orchard funs, there is a common location for kendo UI framework and related script libraries module to use with Orchard CMS here. 

The module includes the latest opensource version of KendoUI Web scripts and themes. If you own the commercial version, just replace the scripts and styles folders with your version of files.

I will soon post some examples of how to use kendo with Orchard.

Hello,
I'm having an issue where my dropdown list width does not seem to be working out very well.

If I have a DropDownList with a smaller entry and a larger entry, I end up getting something like this:
http://imgur.com/biDRhSh (this contains two entrys.   'IS' and 'is any of'

I confirmed with a jsfiddle that I see this as well: http://jsfiddle.net/LSaZ7/

What I would like to do is have the dropdown list itself be able to expand wider than the actual dropdown. Any ideas on how I could get this to work?

We are experiencing an issue when clicking on a Kendo Combo box in a Kenodo Grid when "navigatable" is enabled on the grid.

The problem occurs more often when using an IE 7-10 browser, but it also occurs when using Chrome,  Firefox.

The following fiddle will demonstrate the problem. Just click between the products categories to reproduce the issue.

JSFiddle

Additional note: We have added mouse event tracking in our code and found that the mouse down/up events were firing several time each when clicking.

Hey,
I'm hoping to find some help on this issue. I have a requirement to enable drag and drop from a kendo ui treeview to a templated listview.
I've tried the following:

1. Enabling dragAndDrop on the treeview and configuring the listview as a kendoDropTarget......
2. Disabling dragAndDrop on the treeview and instead configuring that control as kendoDraggable   to  the listview configured as a kendoDropTarget

I'm not having much luck with it. Please take a look at my fiddle. Any suggestions would be greatly appreciated http://jsfiddle.net/JQBZN/1/

I'm using kendo ui stockchart component using its data attributes as below:
And here is the json data I'm binding to my chart:
But the navigator part of the chart is not rendering as expected. Am I doing a wrong configuration for the data-navigator attribute? Here is the screen shot of the result chart: http://i.stack.imgur.com/tbdZ0.jpg

Hi Telerik team,

Durring integration of KendoUI ComboBox control to our solution we faced following problem: we have hidden div that slides from left side of the screen based on click on container and occupies half of the screen. Also this slider is hides when user clicks on any elements that located outside this div.
Problem with KendoUI ComboBox is that it appends to the end of the body elements. So our logic sees that it's outer element and closes slider tab when user tries to select item from combobox.
As far as we can see there is no option to control where is Combobox is rendered their list. And also we cannon prevent bubbling in close handler, because it does't have Event.

What can we do to prevent closing slider tab when selecting item in KendoUI ComboBox?

Regards,

1) Navigatable does not work.

In the attached demo I have batch editing turned on.

Pressing enter to go off edit mode does not allow you to navigate the grid with the keyboard.
 
Reproducible on the following web page: http://demos.kendoui.com/web/grid/editing.html

Also reproducible in the attached test file. Also reproducible in the latest internal build (509)

I have provided two screencasts. You can repeat this process by clicking in "Chai", then hitting enter, then pressing the down key. In the ie8 screencast the grid is not being navigated. In the chrome screencast, the grid is navigable.

Hello all,

If I add the regular JQuery libraries needed for the dialog box all hell breaks loose with kendo jquery errors.   Is there any examples for MVC to prompt a delete confirmation box for YES / NO and on YES the submit form action would be called?   I can't seem to find any good 'common' examples of functionality in some cases.

Thanks all

Hello we have one grid with group by column as in below code.
 
 @(Html.Kendo().Grid<Xyz>()
     .Name("OwnerGrid")
     .Columns(columns =>
     {
                columns.Bound(p => p.OwnerName).Hidden().ClientGroupHeaderTemplate("#= value #").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });      
        columns.Bound(p => p.ShortDescription).Width("20%").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });
         columns.Bound(p => p.Description).Width("30%").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });
         columns.Bound(p => p.Status).Width("15%").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });
         columns.Bound(p => p.Date).Width("10%").Format("{0:MM/dd/yyyy}").HeaderHtmlAttributes(new { style = "text-align:right;" }).HtmlAttributes(new { style = "text-align:right;" });
     })
  .DataSource(dataSource => dataSource
         .Ajax()
  .ServerOperation(false)
         .Read(read => read.Action("GetData", "Home"))
        
        .Group(groups =>
         {
             groups.Add(p => p.OwnerName);
         })
 
So here we have Group by with "OwnerName".  Our requirement is when we sort by "ShortDescription" it should first sort by "OwnerName" and then by "ShortDescription".  I know its possble by custom binding at server side - i took help from below article http://demos.telerik.com/aspnet-mvc/razor/grid/custombinding
 
But is it possible at client side? can we avoid server side trip? as .ServerOperation(false) works for normal grid.

I am creating a web application where there are several kendo dropdownlists which update their items in concert with each other: ei. each dropdownlist has a change handler which updates the content of the others (kind of like an advanced cascade, but where all the dropdowns have initial values, and selecting one filters the items of all the others).

This is the code for rendering a dropdownlist server side (using the MVC wrappers):

@(Html.Kendo().DropDownListFor(model => model.MakeId)
    .OptionLabel("Any")
    .DataTextField("Value")
    .DataValueField("Key")
    .DataSource(source => source.Read(read => read.Action("GetMakes", "Criteria").Data("getCriteria")))
    .Events(e => e.Change("criteriaChange"))
)

In the criteriaChange javascript method, I simply "read" the datasources of all the dropdownlists:

        function criteriaChange() {
            $('#MakeId').data('kendoDropDownList').dataSource.read();
            $('#ModelId').data('kendoDropDownList').dataSource.read();
            $('#ServiceId').data('kendoDropDownList').dataSource.read();
            ...
        }

On initial page load everyting is ok, the dropdownlists all show "Any", and when I open the lists, the "Any" option is actually selected (surrounded with an orange border).
When I change one of the dropdownlists, the data of all the others is reloaded, and the "Any" option is still shown, but when I open one of the dropdowns, the "Any" option isn't surrounded with the orange border anymore.

This seems like a bug maybe? Or I am missing something? I tried to add a "refresh()" call after the "read()" call, but that doesn't change anything.

This is just a minor estethic problem, but it would be nice if I could find a solution for it.