Turning off element snapping to other objects

We added an option to turn off automatic element snapping to other objects in the Flex block. To do it, you need to press the button tools in the upper right corner of the editor and disable the “Snap to object” switch. It will be helpful when you need to arrange elements closer than 5 pixels to each other or other objects (e.g., block boundary) not only with keyboard arrows but also with a mouse. 

Rotation for absolute elements in Flex block

We added an opportunity to rotate elements in Flex block — it allows one to set up the arrangement of elements better and make their appearance more unique. You can turn the element using a cursor or set the rotation radius using the “Rotation” parameter in block settings.

To rotate the element using the mouse, place the cursor at one of the element’s corners until you see the rotation cursor and radius. After that, you need to hold the left mouse button and rotate the chosen element.

Content auto-scaling for different devices in Flex block

Auto-scaling content functionality was added to the Flex block, which helps to adapt in-block elements for devices with varying widths. This update provides a consistent change of elements ratio in blocks for mobile devices whose width is slightly larger or smaller than the one in the editor. 

With this feature's assistance, you can arrange elements according to your needs in the mobile version editor. If the screen size of the user’s smartphone differs from the one in the Weblium editor, the elements' size will be automatically changed according to the required resolution. You can also deactivate this feature in block settings by turning off the “Auto-scaling content” switch. 

Shadows for the “Shape” element

We added shadows for the “Shape” element in the Flex block, which will give you more options for shape customization and give them a unique style. You should activate the “Shadow” toggle in the shape settings to add shadows to shapes.

You can change the arrangement of the shadow by X and Y, its size, and make it blurry. Furthermore, you can apply negative values to the X and Y axes (e.g., -30) to arrange the shadow to the left (X) or above (Y) relative to the shape.

Displaying distances from elements to block boundaries and to overlapping elements

We updated the distances displayed in the Flex block, and now you can see the distance from the border of one element to the other while overlaying. To see the distance of two overlaid elements to another element, you need to hold the Alt button (for Windows) or the Option button (for macOS). Moreover, you can see distances between elements and block boundaries by clicking on the element and holding the corresponding button. But also, if you move an element closer than 100 pixels to a block borderline, the distance to it will be displayed automatically.

Copying elements by using the Alt (Option) key

You can now copy elements by holding the Alt button (for Windows) or the Option button (for macOS) in the Flex block. It is enough to press the corresponding key and start moving the selected element to do it. After performing this action, a copy of an element will be automatically created, and you can arrange it anywhere in the block. 

Outline for the Shape element

You can now apply an outline to shape elements, enhancing their appearance. To add the outline, go to the shape settings and toggle the “Outline” switch. You can set the width of the outline from 1 to 30 pixels and change its color and style. The available outline styles are solid, dashed, and dotted lines.

Show Previous EntriesShow Previous Entries