Resizable 0.1

Creates resizable user interface elements, stores and retrieves positions from cookies, and each instance is aware of neighboring instances so the resizable limits are dynamically set to avoid resizing over each other



Details

Author
Ryan Florence
Current version
0.1
GitHub
rpflorence/Resizable
Downloads
2217
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • more:1.2.4.2/Drag/more: 1.2.4.2

How to use

Your elements need to be positioned absolutely within a container (or the body). Handles need to be between the two elements you are resizing. Check out the demo to see the HTML and CSS layout.

leftResize = new Resizable('left_handle',{
    limit: {x: [20,null]},
    cookie: 'leftResize'
});

rightResize = new Resizable('right_handle',{
    invert: true,
    cookie: 'rightResize'
});

centerTopResize = new Resizable('center_top_handle',{
    mode: 'vertical',
    cookie: 'centerTopResize'
});

centerBottomResize = new Resizable('center_bottom_handle',{
    invert: true,
    mode: 'vertical',
    cookie: 'centerBottomResize'
});

ResizableLimits.attach();

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus