Pivot does not take 100% height

Hi,
I am trying to set height 100% for pivot but it does not seem to work. I have read other threads where you have suggested to set [height]=”‘100%'” however it is not working in my work-space.
I have created a git hub repository to reproduce this problem. Please let me know what am I missing. 
https://github.com/nikhil-bhadake/Flexmonster.git
 
I am also trying to render pivot inside kendo splitter expecting it to take height and width of splitter. This code is also present in app.component.html but commented.
I am not able to set height as 100% in both approaches mentioned above.
 

1 answer

Public
Ian Sadovy Flexmonster October 4, 2018

Hello Nikhi,
 
Thank you for the sample.
Please also add the following CSS to the styles.css file:

html, body {
height: 100%;
margin: 0;
}

fm-pivot > div {
height: 100%;
}

Hope it helps.
 
Regards,
Ian

Please login or Register to Submit Answer