www.wysiwygwebbuilder.com

[rz] Align Object v1.3.2

This lightweight extension is focused on adaptive designs and allows you to align multiple objects with different parameters and within a same dynamically sized layer.
Sample project included.

- Supports nine alignments with margin bounds and offsets.
- Automatically detects the parent object/container sizes when the browser is resized and accommodates the affected child objects.
- Each object can define minimum sizes for its parent container; when multiple objects are contained within a same layer, the layer will take the best boundaries selection.
- Multi-instance, crossbrowser, crossplatform and backward compatibility.


DEMO


HTML 4.01 Transitional
W3C compliant


* New in version 1.3.2

- Added support to cssmenu object with submenus.
- Fixed an instability in "min-size" parameters.
- Minor code improvements.

* New in version 1.3.1

- Added support to panel-layers.

* New in version 1.3

- Minor code tweaks.
- New extension: [rz] Align Object (RWD); it allows to align objects in their containers and supports different alignments in different breakpoints.

* New in version 1.2

- Improved elements centering/handling based on a better detection of the container parameters.
- Improved behavior with [rz] Position Object Size when both instances has same targets.

* New in version 1.1.1

- Smoother startup.
- Improved center alignment on complex scenarios.

* New in version 1.1

- New 'breakout' alignment modes to support layers with their variants and their own formats (useful to have a default container alignment and manipulate only the needed elements; allowing a better performance).
- Improved min-width and min-height properties; now applies also to the body (there is no need to create a layer and move into it the involved elements to align).
- Improved image elements handling that workarounds pixels gaps on some browsers.
- The produced mark-up has been optimized.
- The core has been moved to an external file for a faster navigation between pages.
- Minor core improvements.

* New in version 1.0.0.3

- Workaround for iOS and Android refresh issues causing misalignments.
- Workaround for an unstable Chrome issue aligning centered objects in complex scenarios.
- Improved hidden objects handling.
- Minor performance tweaks.

* New in version 1.0.0.2

- Faster alignment startup.
- Improved complex objects alignment (like nested layers and/or other objects with scrollable content).
- Improved text objects alignment when using an external font source (like Google fonts).
- Improved stretchable texts alignment.
- Fixed an implementation bug in Firefox, Chrome and Opera browsers.

* New in version 1.0.0.1

- Added support for css-based objects/breakpoints scenarios.


How to use?

1. Design a resizable layer as you usually do with its contained objects.

- This is the context and it can be: layers, masterobjects, body.
- The objects can be: whatever you want.

2. Drag and drop the extension.
3. Open the extension dialog box and setup the parameters for the objects you want to align.
4. Preview or publish.

Enjoy!

Dear RZ will you leave us with a reason to buy v 10 or are you going to totally dominate it?

you are being humorous...
thank you for your words
(these extensions are just complements for some specific cases)

UPGRADE AVAILABLE:

* New in version 1.0.0.1:

- Added support for css-based objects/breakpoints scenarios.

* New in version 1.0.0.2:

- Faster alignment startup.
- Improved complex objects alignment (like nested layers and/or other objects with scrollable content).
- Improved text objects alignment when using an external font source (like Google fonts).
- Improved stretchable texts alignment.
- Fixed an implementation bug in Firefox, Chrome and Opera browsers.

I'm trying to make a responsive site using [rz] Align Object.
The problem arises when I want to put the object in the center.
Everything looks good at first, but when I change the size of the browser center run away.

seems you are using an outdated version
try adding the wb_ prefix to the name of the text objects (in the extension properties)
if it does not help, you will need to upgrade the extension

I added wb_ prefix but didn't help.

so as i told you, you will need to upgrade the extension
before to do this, send me the project privately to test it

You can download project here.

zip and send it privately

I send you on mail.
Please send me updated extension.

Thanks

* New in version 1.0.0.3

- Workaround for iOS and Android refresh issues causing misalignments.
- Workaround for an unstable Chrome issue aligning centered objects in complex scenarios.
- Improved hidden objects handling.
- Minor performance tweaks.

* New in version 1.1

- New 'breakout' alignment modes to support layers with their variants and their own formats (useful to have a default container alignment and manipulate only the needed elements; allowing a better performance).
- Improved min-width and min-height properties; now applies also to the body (there is no need to create a layer and move into it the involved elements to align).
- Improved image elements handling that workarounds pixels gaps on some browsers.
- The produced mark-up has been optimized.
- The core has been moved to an external file for a faster navigation between pages.
- Minor core improvements.

With this version you have created the SUPER LAYER, whether the layer has its own alignment or not, with this extension you place an object anywhere. a MUST have extension for a serious & complex design. Well done.!!!!

thanks

* New in version 1.1.1

- Smoother startup.
- Improved center alignment on complex scenarios.

[RZ] wrote: ↑Mon Mar 13, 2017 2:24 pm * New in version 1.1.1

- Smoother startup.
- Improved center alignment on complex scenarios.

Now we are cooking with Gaz!!!!! Thank you.

lol thank you for your kind feedback

* New in version 1.2

- Improved elements centering/handling based on a better detection of the container parameters.
- Improved behavior with [rz] Position Object Size when both instances has same targets.

This is by far one of the BEST extensions, I have come across. I just had to align more than 20 different objects in different directions within several layers on one page. Outstanding RZ!!!!

thank you

* New in version 1.3

- Minor code tweaks.
- New extension: [rz] Align Object (RWD); it allows to align objects in their containers and supports different alignments in different breakpoints.

Thank you once again for responding to my request!!!

Hi [rz]

Do you take on extension requests ?

Regards

Riaan

if your question is "bespoke" extensions and/or scripts, yes sir
just get in contact following the links below this post (on the signature) and use the form

* New in version 1.3.1

- Added support to panel-layers.

[RZ] wrote: ↑Fri Jun 15, 2018 6:43 am * New in version 1.3.1

- Added support to panel-layers.

Thank you for sorting this out in such short notice!!!!

many thanks to you for your constant appreciation of the hard work behind the scenes

* New in version 1.3.2

- Added support to cssmenu object with submenus.
- Fixed an instability in "min-size" parameters.
- Minor code improvements.

Magnificent update.Thank you for saving the day!!!

thanks for your kind feedback!