On the page http://demos.kendoui.com/mobile/scrollview/index.html the scroll view should display the third page (data-page="2"): 

<div data-role="scrollview" data-page="2">

The pager displays the right page, but the scroller stays on the first photo after initialization. 

In the grid shown here: 

http://www.kendoui.com/web.aspx

what combination of configuration settings causes the column header to stay in place while the content-rows scroll?   Is a footer required to obtain that behavior?

In my ASP. Net MVC App, I would like to add Bar Chart with X Axis labels as images.

 Ex: Category wise Sales Chart I want to display is Category as a Image in place of text.

 Is this possible in Chart API?. If possible could you please share details.

I am developing only for mobile devices, but allowing my clients a preview apps in web environment. I'd like to allow web-access to supported mobile devices (iOS and Android in my case), but not to other devices or desktop browsers. How and where should I implement this feature in a Kendo Mobile application, thanks!

Hi , i'm not sure where to post that question hence I started it here.

    I have implemented kendo mobile with a dataviz pie graph and a donut graph chart, my issue is i cannot scroll down by tapping or pressing over the SVG chart i can only scroll down the mobile page if i press outside the chart or in the content area of the mobile page.
So in my case if its a chart that takes from side to side and uses the whole page width i will not be able to scroll at all down.
Can you help please?

The kendo UI formatting gets lost when the same screen / template gets displayed for a second time.

On the first visit, the screen (attachment screenshot-1.png) shows the listview nicely formatted.

Then, the user clicks on the "Back" button and then redisplays the screen. The second time, the same screen shows with all formating stripped out (attached screenshot-2.png). When looking at the DOM tree, several wrapped kendo DIV elements are missing - like the ones with class km-scroll-container and km-listview-wrapper.

Any help greatly appreciated. A standalone test HTML page is also attached. Very easy to reproduce: just click on "View jail cards", go back, and click "View jail cards" again.

Here is the snippet that applies the template and navigates to that screen:
Another way to reproduce the error is to apply the templating and navigation twice, like this:

I am trying to use the TimePicker with and interval of 1 minute. However the ui is rather tedious when the interval is set that low. Is it possible to get the control to support multiple drop downs? ie one drop down for each segement: hour, minute, and AM/PM?

Do I need to use a timeout function on the tap event of the touch widget?  I have a touch image that is bound to the tap event that draws focus on the input. However, the keyboard opens and then automatically closes.

$plugin.closest('span').append('<img src ="srb-images/srb-delete.png" class="bar">').find('img').kendoTouch({ tap: function(e) {

                                                                                                                               console.log(e.touch.target.attr('class') + " was tapped");

                                                                                                                               e.touch.target.prev().focus();

                                                                                                                               }

                                                                                                                               });

                   });

On the other hand, if I hold the touch for a period of time, the keyboard stays open.

~ richard

iOS simulator

I have been using Kendo UI controls such as menu and grid in my current project.  I wanted to add some additional real time functionality using SignalR.  However, after I add the following code to my Global.asax.cs file, which enables routing for SignalR, I get run-time errors on my Kendo UI markup.  I hope someone can help, as I am stumped and have spent a ton of time on this already.

Here is the code that I add to my Global.asax.cs in the Application_Start():
RouteTable.Routes.MapHubs();

Here is my markup for the first Kendo UI menu control in my _Layout.cshtml file, which works fine until I add the line above:
@(Html.Kendo().Menu()
      .Name("topLevelMenu")
      .Items(items =>
          {
              items.Add().Text("CRM").Action("Index", "Crm").ImageUrl("~/Images/group.png").LinkHtmlAttributes(new {id = "btnCrm"});
              items.Add().Text("Accounting").Action("Index", "Accounting").ImageUrl("~/Images/coins.png");
              items.Add().Text("Inventory").Action("Index", "Inventory").ImageUrl("~/Images/table.png");
              items.Add().Text("Daily Service").Action("RepairOrdersCalendar", "DailyService").ImageUrl("~/Images/calendar.png");
          })
)

The error I get is a NotImplementedException.  Here is the stack trace:
   at System.Web.HttpRequestBase.get_CurrentExecutionFilePath()
   at Microsoft.Owin.Host.SystemWeb.OwinRoute.GetRouteData(HttpContextBase httpContext)
   at System.Web.Routing.RouteCollection.GetRouteData(HttpContextBase httpContext)
   at Kendo.Mvc.Infrastructure.Implementation.AuthorizationContextCache.GetAuthorizationContext(RequestContext request, String controllerName, String actionName, RouteValueDictionary routeValues)
   at Kendo.Mvc.Infrastructure.Implementation.ControllerAuthorization.IsAccessibleToUser(RequestContext requestContext, String controllerName, String actionName, RouteValueDictionary routeValues)
   at Kendo.Mvc.Infrastructure.Implementation.NavigationItemAuthorization.IsAccessibleToUser(RequestContext requestContext, INavigatable navigationItem)
   at Kendo.Mvc.UI.NavigationItemContainerExtensions.WriteItem[TComponent,TItem](TItem item, TComponent component, IHtmlNode parentTag, INavigationComponentHtmlBuilder`1 builder)
   at Kendo.Mvc.UI.Menu.<WriteHtml>c__AnonStorey73.<>m__21C(MenuItem item)
   at Kendo.Mvc.Extensions.EnumerableExtensions.Each[T](IEnumerable`1 instance, Action`1 action)
   at Kendo.Mvc.UI.Menu.WriteHtml(HtmlTextWriter writer)
   at Kendo.Mvc.UI.WidgetBase.ToHtmlString()
   at Kendo.Mvc.UI.Fluent.WidgetBuilderBase`2.ToHtmlString()
   at System.Web.WebPages.WebPageExecutingBase.WriteTo(TextWriter writer, Object content)
   at ASP._Page_Views_Shared__Layout_cshtml.Execute() in c:\Development\TrishullaErp\Trishulla.Erp.Web.Core.Main\Views\Shared\_Layout.cshtml:line 57
   at System.Web.WebPages.WebPageBase.ExecutePageHierarchy()
   at System.Web.Mvc.WebViewPage.ExecutePageHierarchy()
   at System.Web.WebPages.WebPageBase.ExecutePageHierarchy(WebPageContext pageContext, TextWriter writer, WebPageRenderingBase startPage)
   at System.Web.WebPages.WebPageBase.Write(HelperResult result)
   at System.Web.WebPages.WebPageBase.RenderSurrounding(String partialViewName, Action`1 body)
   at System.Web.WebPages.WebPageBase.PopContext()
   at System.Web.Mvc.ViewResultBase.ExecuteResult(ControllerContext context)
   at System.Web.Mvc.ControllerActionInvoker.<>c__DisplayClass1a.<InvokeActionResultWithFilters>b__17()
   at System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation)

In my MVC 4  application I'm using Kendo UI Grid. For data binding I'm using Ajax
Code in view look like this:

Html.Kendo().Grid(new DataTable())
    .Name("grid-zaznamy")
    .Columns(columns =>
        {
            columns.Bound("Code").Title("Kod").Width(30).HeaderHtmlAttributes(new {title = "Kod klienta"}).ClientTemplate("# if (Code === 'A') { # <img title='Our client' src='" + @Url.Content("~/Content/Images/ico_16x16_our.png") + "' # } #");                            
            columns.Bound("Name").Title("Jmeno").Width(55).HeaderHtmlAttributes(new {title = "Jmeno klienta"});
            columns.Bound("Surname").Title("Prijmeni").Width(60).HeaderHtmlAttributes(new {title = "Prijmeni klienta"});                            
            columns.Template(@<text></text>).ClientTemplate("<div class='actions'><a id='link_client_#=ClientId#' href='" + Url.Action("Prehled", "Klient") + "/#=ClientId#?nadorId=#'>Detail</a></div>").Width(150);
        })
    .DataSource(dataBinding => dataBinding
                                   .Ajax()
                                   .ServerOperation(true)
                                   .Total(Model.TotalCount)
                                   .PageSize(20)
                                   .Read("DataGrid", "Zaznamy", Model.Filter)
                                   .Model(model => model.Id("Id")))
    .Pageable(paging =>
              paging.PageSizes(new[] {20, 50, 100, 200, 500, 1000}))
    .Scrollable(c => c.Height("600px"))
    .Resizable(resizing => resizing.Columns(true))
    .Events(events => events.DataBound("onDataBound"))
    .Sortable()
    .Render();

Action in Controler look like this:

  [AjaxRequest]
  public ActionResult DataGrid(GridCommand command)
  {
      .
      .
      model.Data = load ...   
      
      return Json(new DataSourceResult {Data = model.Data, Total = model.TotalCount}, JsonRequestBehavior.AllowGet);
    
  }

The broblem is when I click on column header, binding action is called, but then I'm redirected to that action bz get.
That's why in header is generated:

<a class="k-link" href="/Zaznamy/DataGrid?IsEmpty=False&RodneCislo=60&UseLast=False&Filter.RodneCislo=60&_submit=None&grid-zaznamy-sort=KrajOkres-asc">

I dont know how to suppress that contet of href. In all samples which I have ever seen was #