How To in JQuery Tab widget

3 Apr 20192 minutes to read

Set 100% height to tab content.

You can set the height of tab control to the parent element’s height by setting the heightAdjustMode property value as fill. Hence, please set the static height for the parent element so that heightAdjustMode will work.

  • HTML
  • <div id="Tab" style="background-Color:#F3D5AE; position:absolute; height:100%">
                <a href="#tools">Essential Tools</a>
                <a href="#chart">Essential Chart</a>
         <div id="tools" style="background-Color:#DCF8FA">
            Essential Tools is an collection of user interface components used to create interactive
            ASP.NET MVC applications. 
         <div id="chart">
            Essential Chart is a business-oriented charting component. It offers an innovative
            data object model that makes it easy to populate the chart with any kind of data
  • <script type="text/javascript">
            $(function () {
                // declaration
                $("#Tab").ejTab({ heightAdjustMode: "fill"});

    Refer to the sample here