I have a grid which i want to hide the columns when they are grouped and show them when are removed from our group panel. is there any other way than looping through all columns to show(commented code). 

                dataBound: function (e) {
                    // this function (event) runs when kendo grid gets new data that get bound
                    var gridDataSource = e.sender.dataSource;
                    if (gridDataSource.group().length > 0) {

                        // for (var i = 0; i < this.columns.length; i++) {
                        //     grid.showColumn(i);
                        // }

                        Ember.$("div.k-group-indicator").each(function (i, v) {
                            e.sender.hideColumn($(v).data("field"));
                        });
                        //the grid is grouped
                        Ember.$(".grouping-collapser").css('display', 'block');
                        e.sender.element.find(".k-icon.k-i-collapse").trigger("click");
                    } else {
                        Ember.$(".grouping-collapser").css('display', 'none');
                    }
                }

Hello all,

I am using the Kendo validator to validate a form using the required HTML 5 attribute. However there is a browser based "please fill out this field" message that is showing IN ADDITION to the kendo tooltip for validation. Is there a way to prevent the default browser one so the Kendo error is the only one shown?

Thanks.

I am using kendo diagram with visualTemplate 
http://demos.telerik.com/kendo-ui/diagram/index

I need to write name with bold font 

I'm reading a sample JS object array and binding the information to the Kendo UI Grid as shown below

var sites = [{

            sitename: "HTS_SITE_001",
                address: "HTS Orion",
                contact: "john.smith@telerik.com",
                status: "70",
                persons: "5"
            },
               {

                   sitename: "HTS_SITE_002",
                   address: "Smith",
                   contact: "john.smith@telerik.com",
                   status: "70"
               },
              {

                  sitename: "HTS_SITE_003",
                  address: "Smith",
                  contact: "john.smith@telerik.com",
                  status: "70"
              },
               {

                   sitename: "HTS_SITE_004",
                   address: "Smith",
                   contact: "john.smith@telerik.com",
                   status: "70"
               }];

        $("#grid").kendoGrid({
            columns: [{ title: "Site Name", field: "sitename" },
               { title: "Site Address", field: "address"},
               { title: "Contact", field: "contact" },
                { title: "Status", field: "status" }],
            pageable: true,
            sortable: true,
            navigatable: true,
            dataSource: sites
        });
However, the styling of the grid is not what I expect. I want to populate the data in the HTML table which has the pre-defined styling as shown below.  How do I achieve this using Kendo Grid,

<div class="box-body">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                        <tr>
                            <th data-field="sitename">Sites</th>
                            <th data-field="address">Address</th>
                            <th data-field="status">Status</th>
                            <th data-field="contact">Contact</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="pages/examples/invoice.html">HTS_SITE_001</a></td>
                            <td>#24, Pirmasenserstrasse</td>
                            <td>In progress</td>
                            <td>joe.simon@google.de</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>

Hi,

I have created a custom template for adding events to the scheduler, and within this I have added 3 new fields, 2 drop downs and a text box. All 3 of the new fields are set as required. If I leave them blank and click save, the required validation message is shown for the new text field but not shown for the two drop down fields (see attached screen shot). How can I get the message to show for the drop downs (personnel & encounter)?

The html for my custom template is:

My scheduler is defined as:

Regards,

Gary

I tried a few ways to refresh / re-render it, but none worked for me.  

Here is an example: http://dojo.telerik.com/oGaJi

- if you press the "Toggle View" button, it will show the scheduler via the ng-show, but it doesn't render properly

- if you set $scope.switchVal = true; by and re-run it, the scheduler will render as it should

parametermap never get executed In my grid. I was wondering ifim doing something wrong here.

var dataSource = {

                transport: {
                    read: function (options) {
                        var success = function (response) {
                            options.success(response);
                        };
                        _this.get('PopulateGridData')(success, options.data);
                    },

                    parameterMap: function (data, type) {
                        if (type === "read") {
                            return kendo.stringify(data);
                        }
                    },
                },
                pageSize: gridPageSize,
                schema: gridSchema,
                serverPaging: true,
                serverSorting: true,
                serverGrouping: true,
                serverFiltering: true,
            };

            var gridOptions = {
                dataSource: dataSource,
                columns: gridColumns,
                editable: gridEditable,
                pageable: {
                    refresh: true, //if set to true, it will show refresh button,clicking on that will make the grid to refresh                  
                    numeric: false,
                    previousNext: false,
                    messages: {
                        display: "Loaded {0}-{1} from {2} data items"
                    },
                },
                height: gridHeight,
                scrollable: {
                    virtual: true,
                },
                groupable: true,
                filterable: true,
                sortable: {
                    mode: "multiple"
                },

            };

          var grid = Ember.$("#kendo-grid").kendoGrid(gridOptions).data('kendoGrid');

I am using Kendo UI v2015.1.318 for angularJs. When filtering with the build-in header filter with 'contains' filter , some records are duplicated.

It is a consistent behavior for specific records but does not happen to the others.

See attached screenshots.

BTW - I cannot upgrade to a new version. Any workaround?