How do I hide the complete header row for a grid?  I don't want any header/title to show for any column in the grid.  Preferably, I want the whole header row to be gone.  Is this possible and if so, how?

 Thanks for your help!

Donna

 

Hi Team

I am migrating the project from the asp.net  framework to asp.net core 3.1
While migrating UI I am getting an error 

Dev Tools failed to load Source Map: Could not load content for https://localhost:5001/Client/vendor/telerik.kendoui.professional.2016.3.1118.commercial/js/kendo.all.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

 

any suggestion and help will be highly appreciated on how to proceed further on this.

I am creating a kendo window for create and edit of my data Item. The kendo window has a form embedded within it as below.

<div kendo-window="allDevices.addNewDeviceKendoWindow" k-title="'Add'" k-width="520" k-height="520"
             k-visible="false"
             k-position='{left:400, top:250}'
             class="titlewindow" k-on-close="allDevices.resetNewDeviceVariables()">
            <div>
                <form id="adddeviceform" class="form-horizontal myform" role="form" kendo-validator="myAddDeviceValidator"
                      autocomplete="off" k-options="formValidations" >
                    
                    <ul>
                        <li>
                            <label for="ipAddress" class="control-label">IP Address</label>
                            <input ng-model="allDevices.newDeviceJson.ipAddress" type="text" class="form-control"
                                   name="ipaddress" data-ipaddresscheck data-ipaddresscheck-msg="Enter Valid host IP Address"
                                   required placeholder="Enter IP Address"/>
                        </li>
                      ...

I notice that if I close the window with a validation error and then try to open the window again, the validation errors still show up.
How can I also clear the validation errors whenever I open a new window ?

The Kendo documentation says it is compatible with jquery 3.1.1, but I would like to know if it will also work with the latest jQuery version, which is 3.2.1.  Can anyone confirm whether it works, and if there are any issues?  I didn't know if the version in the docs page was just something that does not get updated very often.

Hello,

I'm unable to successfully follow the Getting Started with Kendo UI Wrappers for React guide. When I follow Microsoft's TypeScript-React-Starter guide using the standard create-react-app but with react-scripts-ts instead I receive typescript compiler errors from the kendo dependencies.

The first is the unused kendo module.

 

If I add a workaround for that by adding an if (kendo) {} I get the following error

 

https://github.com/Microsoft/TypeScript-React-Starter

Hi,

Actually we used 2017.2.621 kendo version now. we need to upgrade latest version. what are the main file we need to use. 

Here we use angular.js. is there any changes in external js and css file which mean angular.js like so on file.

 

Can you please help me out of this.

 

Thank you

 

Hi, 

I am in a bit of a trouble and need help

I am trying to bind a Kendo UI Grid to an object on $scope instead of to kendo.data.dataSource. The grid shows the data (which is in the object) but if I change the data or add new row, the changes are not reflected in the $scope object. Why is that?

My real problem is, I want to show two grids top & bottom and when the user selects a row from top grid, the bottom grid should be populated with the details. However, these details are already fetched and kept in the DataSource of the top grid (hence no transport section for bottom grid) because I want to be able to save any changes in batches.

This is how I am binding my grids

Top Grid

Bottom Grid

 

This is how I add record to bottom grid

$scope.detailGrid.dataSource.add();

 

Can you help me with this?

http://dojo.telerik.com/@rtv/AnOju/5  what am I doing wrong that my select call does not seem to select the tab.

-Rajesh

I'm trying to use webpack with kendo, but the bundled file is almost 20mb, which is much bigger than the 2.7mb of kendo.all.

Webpack configuration follows the one presented in http://docs.telerik.com/kendo-ui/third-party/webpack but still, the resulting bundled file is almost 20mb. Without kendo, my application, wtihout kendo, is just over 3mb… Why the final bundled application is adding 17mb just because kendo is included since the kendo.all.min.js (pro version) is below 3mb?

I've tried to include kendo.all.min.js as an alias in webpack:


alias: {
  “kendo”: path.join(__dirname, “third-party/kendo/kendo.all.min.js”),


And then importing it in our app:

import ‘kendo’;

But then webpack is not able to resolve the dependencies of the controls (if we are using for example kendo-grid).

Importing just a control didn’t work either: