Click here to Skip to main content
16,017,319 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
There is a kendo UI Grid.There are 3 tabs in that grid which are togglable.When i resize the grid & go to each tabs,the height of the 3 tabs should be same as of grid.
Posted
Comments
Suvendu Shekhar Giri 4-Nov-15 14:03pm    
Anything you have tried so far?

1 solution

you can modify this method. here you can get height and width of kendo grid . then apply your logic for tab.

C#
function resizeGrid() {
    var gridElement = $("#grid");
    var dataArea = gridElement.find(".k-grid-content");
    var newHeight = gridElement.parent().innerHeight() - 2;
    var diff = gridElement.innerHeight() - dataArea.innerHeight();
    gridElement.height(newHeight);
    dataArea.height(newHeight - diff);
}
$(function () { resizeGrid();}); 
 
Share this answer
 
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900