url tab div has fixed 1313.01px height

[Gyorgy Gorog]

Hi All, I have a tab for AJAX content. What I see is that the contenttemplate div's are auto-generated and their height is 1313.01px.

<div id="ej-tab-1" class="e-content e-content-item e-box e-content-bottom e-hidebottom e-addborderbottom e-activetop e-active-content e-tab-loaded" role="tabpanel" style="display: block; font-size: 14px; overflow: auto; height: 1313.01px;">

DOC: 62011CJ0080<br>A....

I want them to fit into screen so I tried: the Tab itself is 750 px high

$(document).ready(function() {

        $("#contentTab").ejTab().find("div").css( { "font-size": "14px", "height": "750px" } );

    });

from which they take the 14 px font-size nicely but the height remains the same.

If I change the height to 750px from developer console it' just fine.  

Please advise. 

[Gyorgy Gorog]

Oh yes, the tab itself is:

ContentTab = new Tab {ID = "contentTab",

                    TabModel = new TabProperties

                    {

                        ShowRoundedCorner = true,

                        EnablePersistence = true,

                        EnableAnimation = true,

                        ShowCloseButton = false,

                        Collapsible = false,

                        HeaderSize = "25px",

                        HeightAdjustMode = HeightAdjustMode.Fill,

                        Height = "750px"

                    }};

                ContentTab.TabModel.Items.Add(

                    new TabBaseItem

                    {

                        ID = "justeusContent",

                        Text = "Egyszerű formátum",

                        Url = $"/JustNet/Home/JusteusContent?celex={celex}&terms={terms}"

                    });

                ContentTab.TabModel.Items.Add(

                    new TabBaseItem

                    {

                        ID = "origContent",

                        Url = $"/JustNet/Home/OrigContent?celex={celex}&terms={terms}",

                        Text = "Eredeti formátum"

                    });

[Gyorgy Gorog]

I don't find "None" at C# side.

heightAdjustMode string | enum

Adjust the content panel height for given option (content, auto and fill), by default panels height adjust based on the content.See below to get available HeightAdjustMode

Name	Type	Default	Description
None	string	content	Content panel take based on the height property.
Content	string	content	Content panel will take height based on the content height.
Auto	string	auto	All panel height will be set the tallest panel height
Fill	string	fill	Content panel take based on the parent height

Default Value

• “content”

ContentTab = new Tab {ID = "contentTab",

                    TabModel = new TabProperties

                    {

                        ShowRoundedCorner = true,

                        EnablePersistence = true,

                        EnableAnimation = true,

                        ShowCloseButton = false,

                        Collapsible = false,

                        HeaderSize = "25px",

                        HeightAdjustMode = HeightAdjustMode.None

                        Height = "750px"

                    }};

[Prince Oliver]

Hi Gyorgy, 

Thank you for contacting Syncfusion support. 

We were able to replicate the issue in our end. We have logged a bug report on this issue. The fix for the issue will be available in upcoming 2018 Volume 2 SP1. We appreciate your patience until then. 

Regards, 

Prince 

[Gyorgy Gorog]

Prince, thanks for making HeightAdjustMode.None available at the C# side.

[Preethi Nesakkan Gnanadurai]

Hi Gyorgy, 

  

Most welcome. Please let us know if you need any assistance. 

  

Regards, 

Preethi