jQuery UI tabs gets wrong height by heightStyle: "content" if table inside -



jQuery UI tabs gets wrong height by heightStyle: "content" if table inside -

i started using jquery ui tabs , want set table within tab. tab should little possible, want height beingness related height of table within , utilize heightstyle: "content".

the problem is, when activate tab, slides downwards it's height set correct, when effect of sliding downwards finished, height of tab set 1px. below can see code i'm using.

html code:

<div id="tab_layer" class="tab_layer_l"> <ul> <li><a href="#content_tab_layer">tab1</a></li> </ul> <div id="content_tab_layer" class="ui-widget"> <table border=1 cellspacing=0 cellpadding=5 align=left> <tr> <td width=50%>...</td> <td width=50%>...</td> </tr> <tr> <td width=29%><input type="text" value="" /></td> <td width=29%><input type="text" value="" /></td> </tr> <tr> <td width=29%><input type="text" value="" /></td> <td width=29%><input type="text" value="" /></td> </tr> <tr> <td width=29%><input type="text" value="" /></td> <td width=29%><input type="text" value="" /></td> </tr> </table> </div>

code within javascript file:

$('#tab_layer').tabs({ active: false, collapsible: true, event: "mousedown touchstart", heightstyle: "content", hide: {effect: "slideup", duration: 500}, show: {effect: "slidedown", duration: 500}, });

i happy if help me, i've searched lot on net seems, noone else has problem :(

i don;t slide effect reason noticed bad table fit. removed table align property layout appeared correctly.

i hope helps.

jquery tabs

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -