jQuery UI Tabs - Automatic Height jQuery UI Tabs - Automatic Height jquery jquery

jQuery UI Tabs - Automatic Height


All you have to do is to set a min-height. (It's taken me ages to find the answer to this .. I hope it helps!).

Here is my code that really works:

$("#tabs").tabs().css({   'min-height': '400px',   'overflow': 'auto'});


In jQuery 1.9, use the heightStyle attribute (docs here)

$( ".selector" ).tabs({ heightStyle: "auto" });


After reading over the documentation, it seems that option is no longer available. However, it is very easy to replicate this functionality.

Assuming your tabs are arranged horizontally:

$("ul.tabs a").css('height', $("ul.tabs").height());