Hi,

I have some Kendo mobile buttons, and outside a Kendo grid they're style is as expected  (ie. with "km-button" classes and data-icon="compose").

However when I put them into a grid (via an MVVM data-row-template), they change/lose their icons and style. Clearly this is because, being in the grid, they're inheriting from a kendo (k) class of the grid - and this overrides their kendo mobile (km) class.

Is there a easy way to render buttons in their kendo mobile form within a grid? Or somehow tell the grid to "act mobile"?

Many thanks

- Paul 

(I see in the kendo mobile demo grid here: https://demos.telerik.com/kendo-ui/m/index#grid/adaptive that most of its contents are rendered with Kendo (k) classes. Perhaps this means the grid excludes or does not support content with "km" classes?) 

Hello,

I'm trying to export some columns in a grid without hiding them. Now I'm using something like this:

 var $grid = $('#grid').data('kendoGrid');

for(var i=0; i<columnsthatIdontneed.lenght;i++){

$grid.hideColumn(columnsthatIdontneed[i]);

}

 $grid.saveAsExcel();//or $grid.saveAsPDF();

for(var i=0; i<columnsthatIdontneed.lenght;i++){
$grid.showColumn(columnsthatIdontneed[i]);
}

I need a solution for export without hiding those columns.

Thanks.

Hi,

Is it possible to create a drop down list always open (like html element select with attribute size) ?

Thanks,

Matthieu

is it possible to use the different chart icons as it is done in the demos

<span class="sparklineIcon"></span>

<span class="chartBarIcon"></span>

<span class="chartPieIcon"></span>

...

Where can i find the styles?

Thx in advance

I'm using the custom distribution of version 2016.3.1028 (including each component individually) and ran into an issue using the Window component. Looking at the setup for the Window, it showed that the default options for effects includes "fadeIn" and "zoomIn" like it intends to animate the open interaction, but it doesn't actually complete the action.

Looking more closely at the code, there is a check for kendo.effects.Fade (with a capital F) and if that exists then we run kendo.fx(overlay).fadeIn(). The problem being that the component does not actually require kendo.fx, so the "Fade" effect isn't established and, if it was, we'd fail on the kendo.fx call since kendo.fx isn't a dependency for the window component. Right now, window only depends on dragAndDrop (which then depends on kendo.core and kendo.userEvents and jQuery). One work-around for us is to just include kendo.fx in the kendo window component's code, but that also requires a somewhat large dependency for a simple fadeIn interaction and it seems like this is an issue for the individual distribution of the kendo window.

I was able to get inline editing working with an update button like so:

one of my columns: { command: ["edit", "delete"], title: "&nbsp;", width: "200px" }

{
      editable: {
        mode: "inline"
      },
      columns: setColumnsForTab(tabName, paymentClicked),
      dataSource: new kendo.data.DataSource({
        pageSize: 15,
        data: $ctrl[tabName + 'GridData'],
        transport: {
          read: (options) => {
            options.success($ctrl[tabName + 'GridData']);
          },
          update: function(e) {
            console.log("update is called: ", e);
            var updateItem = e.data;
            console.log("updated object : ", updateItem);
            e.success();
          },
          destroy: function(e) {
            console.log("destroy");
            e.success();
          },
          save: function(e) { console.log(e) },
          create: function(e) {
            console.log("create is called:", e);
            console.log("create data is:", e.data);
            e.success(e.data);
          }
        },
        schema: {
          data: function(response) {
            console.log("results", response);
            return response;
          },
          model: {
            id: 'id',
            fields: {
              amountApplied: {
                editable: true
              },
              }
          }
        }
      })
    }

How can I configure the options so that changes to the gridData are saved while the user is typing in the editable "amountApplied" field, rather than making the user click edit, and then type, and then click update, for it be saved to the gridData?

Hi,

My end goal is create a Telerik.Web.Spreadsheet.Workbook that is loaded from the database server side and load it in the Kendo spreadsheet control on the client side. This was working fine until I got to a certain size file. 

To simplify I've attached a sample of the JSON of the worksheet that I'm having a problem loading and below is the code. I've checked a couple of sources to verify that the JSON validates. I'm not sure what else could be the problem. If you remove the last few rows (to truncate back to index 198) it loads fine.

Server side code:

public ActionResult ReadSheet(string id) {

string jsonWorksheet = string.Empty;

using (TextReader reader = System.IO.File.OpenText(@"C:\DemoRowTo204Broken.json")) {     

jsonWorksheet = reader.ReadToEnd();

}

return Content(jsonWorksheet, Telerik.Web.Spreadsheet.MimeTypes.JSON);

}

client side code in an .cshtml file:

@(Html.Kendo().Spreadsheet()     .Name("eSheet")     .Toolbar(false) )<script>           $(document).ready(function () {               var spreadsheet = $("#eSheet").data("kendoSpreadsheet");               $.getJSON("@Url.Action("ReadSheet", "ProductGrid")", { id: $("#ProductID").val() }, function (data) {                   spreadsheet.fromJSON(data);               })             }); </script>

Your advise is appreciated. Mark

Hi there,

http://dojo.telerik.com/OfiRE/4

The above is just an example, every grid with popup in my application is closing directly...
- after select of a value from a dropdown
- after focus out of an input where I typed something

I found, that the update function is called directly.
Normally, the update should happen by clicking the popups update button.
Is there anything I'm missing?

Thanks & BR,
Daniel

I'm working with transports for remote data for the DataSource, and I have a question with what exactly Kendo is expecting to be passed to options.success and options.error. I see it's the result from the server, but what is that result supposed to be? For example, what does Kendo expect to be returned from the server in an update? http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-transport.update