This is a useful plug in to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.


The container can be set to draggable and resizable by adding “draggable” and/or “resizable” to the “class” attribute; ther’s a custom attribute called buttons that accept: i [iconize], m [minimize], c [close] as value to add buttons to the buttonbar. You can also add a left top corner icon by adding the attribute “icon” with the icon path as value. There’s a new attribute “skin” to set the class to the container; it’s also used to finde the path of buttons images.

You can also manage the hadles for resizing (on containers not draggable) by adding “handles” as property of the container; it axcept: w,n,e,s,se,sw,nw,ne (default “s”).

You can resize container mantaining the aspect ratio by adding the property “aspectRatio”; it axcept “true” or “false” (desault “false”).
ConteinersPlus jQuery Plugin Web Site
ConteinersPlus jQuery Plugin Demo
ConteinersPlus jQuery Plugin Download

Share and Enjoy:
  • Print this article!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Tags:

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>