Hi,

I am trying to use the Modal View as a modal message window.  The ModalView will not open at the dimensions set in the inline style if set as a percentage. The ModalView always opens at fullscreen, totally covering the view it was called from.  If I set the height and width to pixels, it will open at those settings but it does not center the screen. I didn't have this problem until I upgraded to 2013 Q3 Kendo UI v2013.3.1030. I would prefer to set it to a percentage like the demo. I have confirmed this issue in IE11, Chrome, the Ripple emulator, on a real Galaxy Note II, and a real iPhone 5.

After going over the Kendo online demo for the Modal View again, it doesn't work the same as it did before the recent release and it doesn't style the same between the various online Kendo emulators.

Is this new behavior expected? Did I set something up wrong?

 I have attached my files. Start up the project and click the LogIn button to see the issue.


Thanks

Please delete... the demo is working, it's just that the two starting dates in the demo are in different years and that messed me up.

ISSUE #2:  

The way you implemented badges if you reset the badge value during a
page session it stacks the values on top of each other. Now if you use
false to turn it off it only turns off the last value.

http://jsfiddle.net/ccarns/vNfjK/

Here is the fiddle and steps to repo:


Step 1: Click "Set Count to 5"
Step 2: Click "Set Count to 10"
Step 3: Click "Set count to 0 Enhanced"


PS Using the latest version at the time:
v2013.3.1119

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