jquery ui layout customization

Question

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

on css:

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

}

and on Java script:

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

Any ideas about how to remove teh resiable bar or hide it?

Frédéric Hamidi · Accepted Answer · 2012-08-07 19:40:48Z

4

Try specifying the spacing_open and spacing_closed options instead of panespacing:

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

answered Aug 7, 2012 at 19:40

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery ui layout customization

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related