Thanks for the reply. I played around quiet a bit with the code in the link you provided, and am running into a significant issue. I DID get my example to work by using your code, and renaming my one tabstrip to "#tabstrip". Unfortunately, for my actual application, I'll need nested tabs. I attempted to implement that, and the nested tab had the same resizing problem. Your example code (http://dojo.telerik.com/UmorI) appears to require that the tabstrip id be "tabstrip". If you replace it with something else (say "#my_tabs"), then it doesn't work:
http://codepen.io/vrmerlin/pen/EjBGQR
I wanted to use that resizing code behavior on two different tabs (two different IDs), so both resize properly. Something like this:
varfix_tabs = function(tab) { vartabStripElement = $("#"+ tab).kendoTabStrip({ animation: { open: { effects: "fade" } } }); tabStripElement.parent().attr("id", "tabstrip_parent"); tabStripElement.data("kendoTabStrip"); returntabStripElement;};varexpandContentDivs = function(divs) { divs.height(divs.parent().innerHeight() - divs.parent().children(".k-tabstrip-items").outerHeight() - 16); // 16px are subtracted to compensate for content div vertical paddings and borders // This amount can be calculated instead of hard-coded, if needed.};vartabstrip1 = fix_tabs("my_tabs");vartabstrip2 = fix_tabs("data_sets");varresizeAll = function() { expandContentDivs(tabstrip1.children(".k-content")); expandContentDivs(tabstrip2.children(".k-content"));}; resizeAll(); $(window).resize(function() { resizeAll(); }); But it doesn't work. Am I close to a solution?