Search code examples
jquerywidgetresizablegridster

Make only one gridster widget resizable


Is it possible to make only one gridster widget resizable?

I've made it so the user can click on a widget heading so that it expands & contracts.

I'd like to make it so that when a widget is expanded, it is resizable.

Can this be done? If so, how?


Solution

  • When resize is enable each widget get the gs-resize-handle class in a span element with the setup_resize() function.

    so you can play with css to hide the resize handle with css by adding a custom class like :

    .no-resize .gs-resize-handle-both{
       display:none;
    }
    

    and when you expand your widget your remove your custom class.

    EDIT :

    An another way to do this could be like in the demo on gridster expandable demo with a some change on the click event.