Hi there,

When I use the Grid control configured with remote databinding on iOS 7 the lines initially appear as blank. Once the data in the grid is rebound or refreshed (So the page is changed, a column is sorted etc.) then the lines suddenly appear perfectly.

The grid works perfectly on other versions of iOS, Android and Chrome. 
Any ideas how i can resolve this? I have attached a screenshot of the behaviour. The grid also looks a bit funny when used with Kendo UI mobile on iOS7. 

Thanks,

Rob

Before kendo.ui.Button was available, one could bind a button to an observable like so (binding "enabled" didn't work though):

<a id='add-button'
   class='k-button'
   data-bind='click: add, visible: isAddButtonVisible'
   >ADD</a>

Now with the new Button neither "visible" nor "enabled" can be bound, it seems. One has to resort to the enable() method? And as for visibility, bad luck?

Hopefully I've misunderstood something...

I made this topic once, but the information I had was a bit hard to follow and I did not get much help, so I am trying again after spending the day making a JSBIN sample.

I have a situation where I am using KendoUI to make a view model, and also to make some items within it, and when you click on sub-items that are drawn, it opens up a `KendoWindow` to let you edit them more specifically.

However, there is a problem with the `dataSource` concept, I think. When I try to bind to a `dataSource` on my page it works fine; But when I try to bind a kendo control to a `remote` datasource within a rendered window, it refuses to fetch.

If I bind only to local data, hard coded data, it works; So I know the `dropdownlist` is working. But I really need to be able to bind to remote data.

I have prepared a jsbin to show this behavior (or lack thereof)

jsBin

Any help would be greatly appreciated. To see the behavior, click on the button to `Create Socket Rail`, then use the `NumericTextBox` to increase the size to any number higher than 0, then click on one of the drawn boxes.

Bullet Chart tooltips are not working in this version I went back to Q2 version and they work fine.

You can see this on your demo page:  http://demos.kendoui.com/dataviz/bullet-charts/index.html

Even though tooltip is specified, it is not showing up.

Thanks!

I have set data-stretch="true" on a view because it contains a map. However, it also variably contains a div with a long list on it. I would like to be able to use scrolling on that div. is there a way to accomplish this?

Hello,
I am not sure of what's the reason behind Filter options not showing up in the column header - it shows up only the filter icon and doesn't open up the dropdown with list of options.
Secondly, how to handle the row selection event ? What's the event ?

Background details :
Using knockout with kendo grid
Running IE 10
Added the following
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />

<script src="/Scripts/jquery-2.0.3.js"></script>
<script src="/Scripts/jquery-2.0.3.min.js"></script>

<script src="/Scripts/knockout-2.3.0.debug.js"></script>
<script src="/Scripts/knockout-2.3.0.js"></script>

<!--<script src="/Scripts/kendo/2013.2.716/kendo.all.min.js"></script>-->
<script src="/Scripts/kendo/2013.2.716/kendo.all.min.js"></script>
<script src="/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js"></script>

Hi,

I am new to Kendo and I am trying to load data in a grid from a data source specified in a ViewModel.  The grid is defined with the wrapper and I added a data-bind attribute to associate the data source defined in the ViewModel with the grid.  I would have expected the "read callback" to be invoked to load the grid but nothing of the kind happens.

To be more precise, here are the components involved:

The model on which it is base:

   public class LocalMarketViewModel
   {
      public string Contract { get; set; }
      public string Region { get; set; }
      public DateTime WhenSold { get; set; }
      public decimal Quantity { get; set; }
      public decimal BaseCadTm { get; set; }
      public decimal BaseCadBois { get; set; }
      public decimal BaseUsdBois { get; set; }
      public decimal Price { get; set; }
      public DateTime MonthCat { get; set; }
      public bool Selected { get; set; }
   }

The code in the cshtml file:

<div id="ViewModelScope">
@(Html.Kendo().Grid(Model)
     .HtmlAttributes(new { @class = "localMarketGrid", data_bind="source: contracts, visible: isVisible" })
     .Name("Grid")
     .Columns(c =>
     {
     c.Bound(p => p.Contract)
      .Title("Contrat")
      .HtmlAttributes(new { style = "text-align: center" })
      .HeaderHtmlAttributes(new { style = "text-align: center" });
     c.Bound(p => p.Region)
      .Title("Région UPA")
      .Width(150);
     c.Bound(p => p.WhenSold)
      .Title("Date de vente")
      .Width(150)
      .Format(dateFormat)
      .HtmlAttributes(new { style = "text-align: center" })
      .HeaderHtmlAttributes(new { style = "text-align: center" });
     c.Bound(p => p.Quantity)
      .Title("Qté TM")
      .Format("{0:#,0.000;(#,0.000)}")
      .HtmlAttributes(new { style = "text-align: right" })
      .HeaderHtmlAttributes(new { style = "text-align: right" });
     c.Bound(p => p.BaseCadTm)
      .Title("Base<br>CAD TM")
      .Format("{0:#,0.00' $';(#,0.00' $')}")
      .HtmlAttributes(new { style = "text-align: right" })
      .HeaderHtmlAttributes(new { style = "text-align: right" });
     c.Bound(p => p.BaseCadBois)
      .Title("Base<br>CAD Bois.")
      .Format("{0:#,0.0000' $';(#,0.0000' $')}")
      .HtmlAttributes(new { style = "text-align: right" })
      .HeaderHtmlAttributes(new { style = "text-align: right" });
     c.Bound(p => p.BaseUsdBois)
      .Title("Base<br>USD Bois.")
      .Format("{0:#,0.0000' $';(#,0.0000' $')}")
      .HtmlAttributes(new { style = "text-align: right" })
      .HeaderHtmlAttributes(new { style = "text-align: right" });
     c.Bound(p => p.Price)
      .Title("Prix<br>CAD TM")
      .Format("{0:#,0.00' $';(#,0.00' $')}")
      .HtmlAttributes(new { style = "text-align: right" })
      .HeaderHtmlAttributes(new { style = "text-align: right" });
     c.Bound(p => p.MonthCat)
      .Title("Mois CAT")
      .Format("{0:MMM yyyy}")
      .HtmlAttributes(new { style = "text-align: center" })
      .HeaderHtmlAttributes(new { style = "text-align: center" });
     c.Bound(p => p.Selected)
      .ClientTemplate("<input name='Selected' type='checkbox' class='selection-checkbox' data-bind='checked: Selected' #= Selected ? checked='checked' : '' #/>")
      .HeaderHtmlAttributes(new { style = "text-align: center" })
      .HtmlAttributes(new { style = "text-align: center" });
     })
     .Pageable()
     .Sortable()
     .Scrollable()
     .Resizable(r => r.Columns(false))
     .Reorderable(r => r.Columns(false))
 )
</div>

<script type="text/javascript">
$(document).ready(function ()
{
var viewModel = kendo.observable(
{
isVisible: true,
contracts: new kendo.data.DataSource(
{
type: 'aspnetmvc-ajax',
transport:
{
read:
{
url: '@Url.Action("LoadContracts")',
dataType: 'json'
}
}
})
});
kendo.bind($('#ViewModelScope'), viewModel);
</script>

finally, here is the controller method, which is nver invoked (Chrome confirms there is no load error; it is simply never invoked):

       public ActionResult LoadContracts([DataSourceRequest] DataSourceRequest request)
       {
          return Json(new LocalMarketModel().GetContracts().ToDataSourceResult(request));
       }

Now, the ViewModel per se seems right because changing the state of the "isVisible" variable works perfectly well.  But I can never get it to call the "LoadContracts" method of the supervisor and, thus, no data is loaded in the grid.

Is there something wrong or is there another action I should do?

Thank you

Added Information:

I  made some progress since yesterday.  I now get grid to call back onto the controller but a javaScript error in the Kendo UI library happens upon return.  I attached a copy of the most recent version of the View.  Here is what the controller method currently looks like:

       public ActionResult LoadContracts([DataSourceRequest] DataSourceRequest request)
       {
          LocalMarketViewModel[] contracts = new LocalMarketModel().GetContracts().ToArray();
          return Json(contracts.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
       }

And here is a traceback, in Chrome, of the JavaScript error:

Uncaught TypeError: Object #<Object> has no method 'slice'   kendo.all.min.js:11
dt.extend.success   kendo.all.min.js:11
x.isFunction.i            jquery-1.10.2.js:827
n.success                  kendo.all.min.js:11    
c                                  jquery-1.10.2.js:3048
p.fireWith                 jquery-1.10.2.js:3160
k                                 jquery-1.10.2.js:8235
r                                 jquery-1.10.2.js:8778

Show labels with total on top of the stacked bars in Kendo UI Chart
This example demonstrates how to place a label with the total sum of the stacked bars on top of the stack.

Hello,

A defect is preventing the shared tooltips from showing in the official release (v. 2013.3.1119) .
This issue is fixed in internal build v. 2013.3.1121 and later.

The recommended temporary workaround is to set series name:
    $("#chart").kendoChart({
      series: [{
        type: "area",
        name: "Series one",
        data: [71, 70, 69, 68, 65, 60, 55, 55, 50, 52]
      }, {
        type: "area",
        name: "Series two",
        data: [73, 72, 72, 71, 68, 63, 57, 58, 53, 55]
      }],
      tooltip: {
        format: "{0} %"
      }
    });

Apologies for the caused inconvenience.

Hello,

A defect is preventing the sparkline tooltips from showing in the official release (v. 2013.3.1119) .
This issue is fixed in internal build v. 2013.3.1121 and later.

Recommended temporary workarounds:

• Disable shared tooltips. This will not negatively affect Sparklines with only one series.
  
  $("#hum-log").kendoSparkline({
      type: "area",
      data: [71, 70, 69],
      tooltip: {
          format: "{0} %",
          shared: false
      }
  });

Apologies for the caused inconvenience.