No overflow of content, rather want vertical extension as required...

[Michael Baas]

I am using an ejTab with dynamic content which also changes through user-interaction (and subsequent JS-Calls). Occassionally I get the effect captured in this screenshot: 

[Michael Baas]

...continued...:

The white area on the top is the bottom region of the ejTab, grey/blue is the default background of the page.

How can I avoid this effect and get the ejTab to resize as required?

[Keerthana Rajendran]

Hi Michael,  

 

We were unable to reproduce the issue in our end. Please refer the below given link: 

 

Sample: http://jsplayground.syncfusion.com/0e42zo53 

 

We suspect that the issue might have occurred if you have overridden the height of tab when adding tab content dynamically. Please ensure this in your end .  

 

We have a property called  heightAdjustMode property and its default value is set as Content so that the tab content panel height will be set based on the content height, so  that overflow will be prevented by this property if height of tab is not overridden in any cases . 

 

Please refer the below given table for available heightAdjustMode: 

 

Name	Type	Default	Description
None	string	No	Content panel height is set  based on the height property.
Content	string	Yes	Content panel height will be set based on content of tab item.
Auto	string	No	All panel height will be set the tallest panel height
Fill	string	No	Content panel height is set  based on the parent height

 

 

 

If you are still facing the issue kindly revert by modifying the above sample to reproduce the issue so that we could provide better solution at the earliest. 

 

Regards, 

Keerthana