Customize jquery ui layout

Question

I like to make ui-layout-west section fixed width and how to hide resizable. I tried this, but I still see the right border of the ui-layout area.

in css:

.ui-layout-west { background: #F8F8FF !important; width: 300px !important; } 

and in a Java script:

 west: { enableCursorHotkey: false, closable: false, resizable: false, panespacing: 0 } 

Any ideas on how to remove a reloadable bar or hide it?

Answer 1

Try specifying spacing_open and spacing_closed instead of panespacing :

 west: { enableCursorHotkey: false, closable: false, resizable: false, spacing_open: 0, spacing_closed: 0 }