Unfortunately I seem not able to get this to work in a jsbin/jsfiddle example, but I have video demonstrating strange behaviour when I open a detailscreen from a listview with endless scroll and and then go back from the detailscreen to the listview. All items seem to be gone, but disappear when i slide my finger over the screen.

Here is a video demonstrating the problem: https://www.dropbox.com/s/8jtuvprfn9ooaex/demo.mp4

Hello,

 I'm trying to build small application with kendo mobile. I have list and want to put icon for every item but if this list is in template icons don't show

 <div data-role="view" data-title="" id="side-root">
   <ul data-role="listview" data-style="inset" data-source="splitViewCategories" data-template="categoriesTemplate">
   </ul>
 </div>
 <script id="categoriesTemplate" type="text/x-kendo-template">
   <a data-icon="about" href=">Category</a>
 </script>
If I use ready list like this

<ul data-role="listview" data-style="inset">
 <li data-icon="about"><a>about</a></li>
 <li data-icon="action"><a>action</a></li>
 <li data-icon="add"><a>add</a></li>                    
</ul>
I can see icons

Thanks,
Mariyana

I have 2 panes in my splitter.  No matter what I do, the right hand pane is always overlaying the position of the left hand pane, i.e. style=left:0px.  How can I fix it so that the right hand pane appears to the right of the left hand one?  Aslo, the size of the pane is not correct and does not reflect the sizes I set in the cshtml.

When I resize the broswer window, it displays as it should- it is just on the initial render that it doesn't work.  Code is below:

@{
    
    Html.Kendo().Splitter()
        .Name("report-splitter")      
        .Panes(panes =>
                   {
                       //Report List
                       panes.Add().Size("250px").Resizable(false).Scrollable(false)
                           .LoadContentFrom(Url.Action("ReportList", "Report", new { Group = reportingContextType }));
                       //Report Details
                       panes.Add().Size("650px").Resizable(false).Scrollable(false)
                            .Content(@<text>
                                          <div id="report-toolbar" class="report-toolbar"></div>
                                          <div id="report-parameters"></div>                                        
                                          <div id="report-body" >
                                              <div style="text-align: center">
                                                  <p>Select a report from the list</p>
                                                  <br/>
                                                  <img src="~/Images/report.png" />
                                              </div>
                                          </div>
                                      </text>);
                   })
        .HtmlAttributes(new { style = "min-height: 600px;" })//forcing the splitter to be bigger than default 300px
        .Render();
}
<script>
    $(document).ready(function (e) {
        $("#report-splitter").kendoSplitter({
            panes: [
                { resizable:false, collapsible: false, size: "250px" },
                { resizable: false, collapsible: false, size: "650px" }
            ]
        });
    });
</script>

Apologies if this has been answered somewhere (couldn't find anything though)...

I have an MVC4 project and I'm using the MVC controls to add a menu to the page from a partial view.

On the _Layout.cshtml file I have:
And then in the Navigation.cshtml file I have:
(Sorry for squishing it together.  The debugger threw exceptions when I had items on different lines, too).

However, I get a very non-descript error message whining about a missing semicolon, when this would work fine on the _Layout.cshtml page.  I really don't want to put it there unless I have no other choice.  There error is:

HttpException:

   Error executing child request for handler 'System.Web.Mvc.HttpHandlerUtil+ServerExecuteHttpHandlerAsyncWrapper'.

The inner exception reveals:

   Navigation.cshtml(15): error CS1002: ; expected"

But none of that would happen on the _Layout.cshtml page.
Thoughts?

When i try to change text of built-in commands (for example: create), then kendoGrid command doesn't work properly (no action). I just changed the grid "editing" example from

 $("#grid").kendoGrid({
                        dataSource: dataSource,
                        navigatable: true,
                        pageable: true,
                        height: 400,
                        toolbar: ["create", "save", "cancel"],

to

 $("#grid").kendoGrid({
                        dataSource: dataSource,
                        navigatable: true,
                        pageable: true,
                        height: 400,
                        toolbar: [{ command: "create", text: "Custom text" }, "save", "cancel"],


It's seems that event does not bind automatically or is something else?

Thank's.

AG

I have 2 tabs, each displaying a Kendo Grid.  If I postback from a grid (e.g. to sort a column) the page refreshes and the tab reverts to the default (1st) tab each time.

Is there a away to have the tab strip remember the tab it was on before the post back and display it?

Regards,
Andrew

Hi, 
I found that kendo treeview automatically change  the id of a node when selecting that node..

example:
this is the default state; then if i select a node, its id change into

and once i select another node, its became just an empty field..

now, I saw that seems to be the "design" behavior for this control...
the problem is that if I can't get the Id of the node (I use this treeview to filter a listView and its pager).

I personally think that change the id of node is not a good behavior...I usually see some added classes to manage control's states...
Is there anyway of preventing this behavior?

Thanks
Fabio

Hi!  
I have a problem with MySQL date format and DatePicker

I have one table in Mysql with one field : fechafinmantenimiento is datetime
in the table one register is like this : 2013-02-14 00:00:00

I have a Grid this is the code in the datasource :
fechafinmantenimiento: { type: "date", format: "MMMM-dd-yyyy" },
code in column :
{ field: "fechafinmantenimiento", title: "Finalización Tipo Mantenimiento", template: '#= kendo.toString(fechafinmantenimiento,"dd/MM/yyyy") #', width: 150},

Code DatePicker definition:
$("#cargarfechafinmantenimiento").kendoDatePicker({
  format: "MM-dd-yyyy"
})

On the Grid I see the value like this: 14/02/2013 <-Correct for me!

When I select a row on the grid, send the date value to the input form
<input id="cargarfechafinmantenimiento" name="fechafinmantenimiento" style="width:150px"/>

But in the input form I see the value like this : Thu Feb 14 2013 00:00:00 GMT+0100 (Hora estándar romance)

Only when I select another date on the widget, then show me the date format like this : 02-20-2013

What is wrong? a bug? a code? bad interpretation between mysql and kendoUI (javascript)?

Thank you

JC

Hi,
I'm testing my application on tablet. Specifically I'm testing the grid widget.
All works fine, but I have a problem with filters. On tablet only I have this behaviour:

1) I open a filter for a string column
2) I insert a value on the first filter field (I have the extra flag enabled). If I click on the "filter" button, the filter form is closed, but the grid is not filtered
3) If I reopen the filter, I see the value that I have inserted before, and if I click again on filter button, the grid is filtered
4) If I open the filter, insert the value on the first filter, and then I change the focus of the controls, touching the second filter field, the filter button works as expected.

For the test I'm using iPad and Chrome/Safari.

Can I fix this behaviour in some way? If not, can I intercept the click on the filter button and execute my a function?

Thanks!

Hello,

when the scroller is over dark image it can't be seen. On Ios the default scrollbar have some how a white border or white glow around the scrollbar so with white border and black content the scrollbar has a much better visibility.

can we do something to improve the visibility of the scrollbar?

Thank you