magna
Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
BS"D
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Min-Size Manager


This extension handles the minimal size of a relative-sized layer and resolves the different browsers behavior when handling formated contents. It avoids the usual cut-off of the layer when its contents are wider than the browser width.
Sample project included.

Some features:

- No custom codes, no hacks, all done visually.
- Makes the minimal size uniform across browsers and platforms.
- Handles minimal width, minimal height or both.
- RWD support.
- Extremely lightweight.
- Crossbrowser/platform and backward compatibility.
- No jQuery required.

...and more!


HTML 4.01 Transitional
W3C compliant


DEMO


How to use?

1. Design your relative-size layer with its elements as you usually do.
2. Drag and drop an extension instance within the layer.
3. Resize it in a way that indicates the expected size.
4. Do the same as in #3 for the different breakpoints you may have in your scheme.
5. Preview or publish.
6. Resize the browser and scroll the page contents to see the extension in action.

Notes:

- Due to the many issues with rtl, the instance automatically disables itself.

Enjoy!
w3c compliant
© 2012-18 by MAGNA web studio • all rights reserved


new shop with