Hi

 Would you have an idea why the tick is outside the box.

I use <p>..

See it here: http://prntscr.com/7dxgui

The checkbox is for JOINT_APPLICANT

The view is:

I'm unable to select rows using mouse drag when the grid contains 90 or more rows of data. I've modified pre-existing demos that contained 160 rows of data to use the mouse drag select and it worked. So I'm wondering if it has something to do with the grids configuration. Are there any other events firing during the mouse drag select?

Here is how my grid is configured:

$(selector).kendoGrid({
            dataSource: self.eventGridDataSource(url, params, columns),
            pageable: false,
            sortable: { mode: "multiple", allowUnsort: true },
            scrollable: true,
            selectable: "multiple row",
            resizable: true,
            columnResize: function (e) {
                var width = e.newWidth;
                var name = e.column.field;
                var colId = e.column.attributes["data-sc-id"];
                console.log('column: ' + name);
                console.log('column width: ' + width);
                EventBuilder.fn.saveColumnInfo.call(this, module, colId, width, 0);
            },
            columns: EventBuilder.fn.gridColumns(columns, true, module),
            editable: {
                mode: "popup",
                window: { title: "Edit Event" },
                template: kendo.template($("#popup-editor").html())
            },
            edit: function (e) {//put into a function
                //content removed
            },
            excelExport: function (e) {
                var from = e.sender;
                var cellId = e.sender._cellId;
                var gridName = cellId.substring(0, cellId.indexOf('_'));
                var filename = gridName + ".xlsx";
                e.workbook.fileName = filename; 
            }
        });

The grid only has 15 columns.

Hi all

I have an in-cell editable grid which I have managed to make so only several columns are editable. However, those non-editable columns are still selectable and when using tab, the tabbing does not skip these cells. Is there any way to make it so the tab order only selects the editable cells?

Also, when I enter one of the editable cells, the cursor puts itself at the start of the value and leaves the cell contents unselected. Is there any way to automatically select the cell's contents on enter?

Regards

Brad

I need to create tabs dynamically, with the same structure but different data. When I clone a tab, the events (dropdownlist specifically do not work).

var tabpanel = $('[data-name="tabpanel"]').data("kendoTabStrip");
        if (typeof tabpanel === 'undefined') tabpanel = tabpanel = $('[data-name="tabpanel"]').kendoTabStrip().data("kendoTabStrip");
        
        $.each(addresses, function (key, value) {
            var tabHeader = value["AddressTypeDescription"];
            var tab = $('<div>').attr('name', tabHeader);
            $(tabpanel.contentHolder(0)).children().clone().appendTo(tab);

            value['phonetypes'] = phonetypes;// data for dropdownlist
            value['addrtypes'] = addrTypes; //data for dropdownlist
                        
            var vm = kendo.observable(value);
            kendo.bind(tab, vm);

            //Need to do this otherwise the input values will not get passed
            tab.children().find('input').each(function () { $(this).attr('value', this.value);})
            tabpanel.insertAfter({
                text: tabHeader,
                content: tab.html()
            }
                , tabpanel.tabGroup.children(":nth-last-child(2)")
            );
            
        });

snippet of the markup for the dropdownlist

<select class="form-control" data-role="dropdownlist" data-bind="source: addrtypes, value: AddressTypeID" data-text-field="text" data-value-field="value" name="ContactAddress.AddressType"></select>

Hi All, 

Is there a way to bind extra event to the 'create' toolbar button?  I want to populate data before or after into grid column after a new row was insert by kendo. 

I tired the following for the toolbar button but with no luck

​edit: function (e) {
        e.container.find(".k-grid-add").on("click", function (e) {
        //populate data here
        });                        
  } 

 and this

var grid =  $("#grid").kendoGrid({...});

grid.data().kendoGrid.bind('edit', function (e) {

     e.container.find('.k-grid-add').click(function () {

         //populate data here

});

TIA

Hello,

I am using MVC razor and need to show " No Data Available " message for Charts when there is no data available or chart is empty.

Is this possible in Kendo MVC Charts. Any pointer will be helpful.

-Thanks

Hemant

Hi, I'm trying to rotate the category axis labels so they appear like the attached mockup.  Please let me know how I can achieve this.

Thanks,

--Ed

I have a grid that will typically have anywhere between 50 to 400 rows. I figured out to export the grid to a one page pdf, however 100+ rows on a 1 page (Letter) pdf is unusable. How do I export to a multi-page pdf, or is that not an option?

If I specify PaperSize("Letter") I get a pdf with the top left section of the grid with the rest of the content simply cut-off. The PDF export functionality sounds really usefull, but unless I figure out how to do multiple-page exports, the possible uses will be extremely limited. Am I missing something?