Html Tabs

Set the autoHeight property of the jqxTabs. Author: http://jqwidgets.com

by Alexey Sharifullin

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">

    <div style="background-color: #17FFAF; height: 100%; margin-top: 25px;">
        <div id='jqxSplitter'>
            <div style="background-color: #97FFAF; height=" 100% ""></div>
            <div style="background-color: #E8C0AF"></div>
        </div>
    </div>

CSS

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

JavaScript

$("#jqxSplitter").jqxSplitter({
     height: '100%'
 });