www.wysiwygwebbuilder.com

[rz] Layer Sizes Boundaries - v1.0.1.1

The most reliable and lightweight cross-browser, cross-platform and backward-compatible solution to have minimum and maximum position and sizes for resizable layers.
This extension replaces and extends virtual properties to a resizable layer: min-top, min-left, min-width, min-height, max-top, max-left, max-width and max height.


DEMO


HTML 4.01 Transitional
W3C compliant


* New in version 1.0.1.1:

- Fixed an implementation bug in Firefox, Chrome and Opera browsers.

* New in version 1.0.1:

- Added RWD support.
- Supports custom breakpoints for the eight virtual/extended properties (min-* and max-* values).
- Improved round/fix size; sporadic 1px gap in IE.


How to use?

1. Design a layer as you usually do. It is assumed that at least it has a relative position and/or relative size.
2. Drag and drop this extension and open its properties dialog.
3. Enter the layer id; if you need to handle more than one layer with the same boundaries, just enter each id separated by commas (i.e. Layer1 or Layer1, Layer2, Layer3). For different min/max positions and/or min/max sizes, you can add as many instances as you need in the same page.
4. Publish or preview.
5. Enjoy!

* Resize your browser to see it in action!

UPGRADE AVAILABLE:

* New in version 1.0.1:

- Added RWD support.
- Supports custom breakpoints for the eight virtual/extended properties (min-* and max-* values).
- Improved round/fix size; sporadic 1px gap in IE.

I cannot get this extension to function correctly. When I put a value for min-width and leave the rest unchanged the layer becomes ENORMOUS. See
http://www.wiggleroomstuff.co.uk/layer_ ... _test.html Scroll down to see second layer.

you asked the extension to reserve a minimum of 1000px width
the extension behavior is correct

* New in version 1.0.1.1:

- Fixed an implementation bug in Firefox, Chrome and Opera browsers.