CODEWITHSUNDEEP
javascriptjqueryjquery-ui-layout
Da Silva
Da Silva

Reputation: 229

setting height of a div in jquery ui layout

Ive been experimenting with the adjustable grids plugin (jquery ui layout).. I was able to set the width of each divs using the plugins.. bt when it comes to height ive only been allowed to adjust the heights of outer div. I was wondering if it is possible to to adjust the height of inner north div ive added in the jsfiddle link http://jsfiddle.net/J4bJ3/1/

ive tried $("#facetContainer").css({"height":"50%"}); on load time. bt it will not wrk

Upvotes: 0

Views: 3208

Answers (1)

Digitalis
Digitalis

Reputation: 570

A lot of those ui elements have settings that need to be overridden in css using !important have you tried eliminating css as the culprit already?

edit

If I change:

.ui-layout-pane-south {           
    border:          1px solid #BBB;
    overflow:        hidden;
}

to:

.ui-layout-pane-south {           
    height:          230px !important;
    border:          1px solid #BBB;
    overflow:        hidden;
}

Resulting in:

enter image description here

And when using an id on an element, implement the rule as follows:

enter image description here

Upvotes: 2

Related Questions