Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Block Framework

This extreme lightweight yet powerful extension allows you to embed multiple objects (usually masterobjects or layers) within an adaptive single element/framework, like a mosaic, with advanced resize/group options.
The final element is a pixel-perfect/full-width/resizable-height framework that fits the browser width or the width of the context which the instance has been placed in (can be a layer, a masterobjects -formerly masterpage- or even the [rz] Adaptive Framework).
Sample project included.
It is advisable to spend some time studying how layers/masterobjects work in order to get the full advantage of this tool.

Some features:

- Support for mixed RWD and fluid schemes.
- Multidirectional with several advanced alignments.
- Groups, breaks and breakpoint.
- Dockable "post-object", resizable and movable (controlled from the extension).
- Blocks can have any size, expandable and fixed (controlled from the extension).
- Pixel perfect resize and space between elements.
- Advanced spacing around elements and container.
- Colors, shadow, opacity level and pattern support.
- Virtually unlimited objects embedding.
- Maximum cross-browser and backward compatibility.
- Lightweight, no jQuery required, no dependencies.

...and more!

HTML 4.01 Transitional
W3C compliant


* Just a brief about some of the changes that were made lately...

* New in version 1.1

- Extended expand modes to allow generic or breakpoint-specific element expansion or to preserve the original element size.
- Workaround for a refresh issue on some (slow) mobile devices using an expandable 'post-object'.
- Minor code improvements.

How to use?

1. In your project, design each element -to be embedded- as you usually do.
1.b If elements consist in masterobjects, go back to the main page and include them.
2. Finally, drag and drop this extension and enter the layers and/or masterobjects names.
2.b Setup how they are distributed, their dynamic size, detailed spaces, alignment,
      break-mode, join-mode, etc...
3. Preview or publish.



You can use layers (or any other object) instead of masterobjects; however, with masterobjects you can test individually each page and will be easier to maintain the whole project.
If you are working with breakpoints, remember to untick the 'Include Visibility (RWD)' option to the embedded masterobjects.
w3c compliant
© 2012-20 by MAGNA web studio • all rights reserved

new shop with