Kendo-UI Grid in a Tab - kendo-ui

I am looking into using Kendo UI Web on a new HTML5 Web app and the wireframes call for grids inside tabs. I looked everywhere on Telerik's site, and the web, but I don't see any examples of this being done. Is that not possible? Or is there a better approach, like simply using the Tab control above the area where the Grid control would appear, giving it the appearance that the Grid is part of the Tab?

There should be nothing stopping you from using a Kendo UI Grid within a Kendo UI TabStrip. Check out the demo for the TabStrip and the demo for the Grid. Hopefully that gets you on your way.

The details template demo has a tabstrip within a grid and one of the tab is another grid, the second tab having a template.
http://demos.telerik.com/kendo-ui/grid/detailtemplate

Related

How to include a tree view in drop down in kendo angular UI

I need a dropdown tree in kendo angular UI, it should look like,
This control is available in kendo UI for Jquery, but not in kendo angular.
How to customise it, any idea?
As far as I know, the same control is not (yet) available for Angular. You can combine Popup and Treeview and build something similar.
Here's a simple example in StackBlitz: https://stackblitz.com/edit/angular-gpfyck?file=app%2Fapp.component.ts

kendo ui grid + Hide column in IE11 is not working

i have a kendo UI grid on HTML page. I have used kendo hideColumn() api for hiding column. but when in IE11 browser, i hide column, grid become invisible or sometimes distorted. Kindly help me
Thanks everybody. It is a bug of kendo ui framework. There are two solutions available for this:
Upgrade kendo ui version to latest.
After calling hideColumn(), resize Grid by setting its width and height. i have did it as we are not able to upgrade kendo ui version.

The refresh icon of Telerik Grid can't rotate when clicking it to refresh grid

Use Telerik Grid control in my MVC project. When I try to click the refresh icon which at the left bottom of the grid to refresh the grid, I suppose the icon is rotating while the data is refreshing. But the icon isn't. Maybe the problem comes from the telerik.grid.min.js file. But I didn't find any useful solution. :(
Are you using Ajax Binding or Server Binding for your Grid ?
I think the icon doesn't do anything with Server Binding because as far as I know, this simply reload the page instead of refreshing the content of the Grid.
If you are using Ajax Binding, can you check if you have any kind of JS error in your browser's console ?

How to create a Toolbar in Kendo Ui Web

I have some UI requirements that are best meet by a toolbar where options functions like radio button. That is, clicking one option, unclicks the other.
I've looked at using Mobil Button Group. I would prefer to have a solution that didn't use the Mobil controls.
Kendo UI Web doesn't include such a widget yet. This is part of our future plans.

Automatically show centered loading image on Kendo Web ListView, as the Grid does?

Is there any setting for the Kendo ListView (Web / MVC) that would show the same loading image / spinner that the Kendo Grid does by default? Hacks accepted.
Loading image (spinner) has been added to the Kendo ListView. Those who still don't see it, try the debugger on RequestEnd event and you will notice.
I know this is an old question but since you reached here this will stop further search and save your time. :-)

Resources