- With the change in dimension of container I'm able to customize
width that is defined in #backlogEpic i.e 526px but height is not
customizing . To fill the vertical space allocated by its container,i
have set the heightStyle option to "fill" but still its not working
out. Its taking is default height using 'auto'. How can i customize
my height.If you see in image ,expanded panel is going out of container.
html:-
<div id="backlogEpic" class="ui-widget-content">
<div id="backlogAccordion">
<--- accordian code---->
</div>
</div>
css :-
#backlogEpic{
padding: 10px; height: 200px; width: 526px; right: 25px; }
javascript:-
$(function() {
$( "#backlogEpic" ).resizable({
minHeight:140,
minWidth: 150,
resize: function() {
$( "#backlogAccordion" ).accordion( "refresh" );
}
});
$( "#backlogAccordion" ).accordion({
heightStyle: "fill"
}); });