Posted 14 Jun 2012 Link to this post
Posted 10 Jul 2012 Link to this post
<
div
id
=
"tabContainer"
style
"height: 500"
>
"tabDetail"
ul
li
class
"k-state-active"
>Employee Management</
>Transfer History</
>Compensation</
>Dashboard</
>Reporting</
</
$(
"#tabDetail"
).kendoTabStrip( {
contentUrls: [
"html/Workforce/Page1.htm"
,
"html/Workforce/Page2.htm"
"html/Workforce/Page3.htm"
"html/Workforce/Page4.htm"
"html/Workforce/Page5.htm"
"html/Workforce/Page6.htm"
]
});
Posted 12 Jul 2012 Link to this post
#tabstrip {
/* tabstrip element */
height
:
500px
;
position
relative
}
.k-tabstrip .k-content {
absolute
top
41px
bottom
0
Posted 17 Jul 2012 Link to this post
left
right
width
auto
Posted 03 Dec 2012 Link to this post
.k-tabstrip .k-content
} To apply ONLY to the root #tabstrip ??
Posted 05 Dec 2012 Link to this post
Posted 15 Jan 2016 in reply to Alexander Valchev Link to this post
This approach does not seem to work well if the tab strip is wrapped to more than one row. The top of the content must be relative to the bottom of the tab strip. Fixed at 41px doesn't work.
My guess is, that similar to the Kendo Grid 100% height, you have to capture the resize event and explicitly recalculate the top of the content.