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. 

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.

You can copy and paste elements using the Ctrl+C and Ctrl+V keyboard shortcuts (for Windows) or the Cmd+C and Cmd+V (for macOS). The copy of an element will appear close to the original, have all the settings applied to it, and be available for free arrangement in the block.

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.

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. 

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.

When customers complete an order in your online store, the information about the payment status will be sent to KeyCRM if this integration is connected to your website. It will help you manage received orders more efficiently and improve customer interactions. 

There is now a new absolute element in the Flex block — “Divider”. This element received new customization settings. While you can change the line length, thickness, and color, you can also choose a style for the divider. For now, you can use a solid line, two lines, a dash, and a small dash. You can also set the height of your line in 1 to 5 pixels range. 

We added an opportunity to resize several elements simultaneously in the Flex block. By selecting the group of elements, you can change the size of each one of them. During the batch image editing, the resizing will occur according to the settings you have set. For example, turning the “Scale to fit” switch on in image settings will change size proportionally, and vice versa if the “Scale to fit” switch is turned off. Also, if you hold the Shift button, the resizing will occur proportionally. 

Please note that it is impossible to change the height of the “Text” element while editing batch elements.

We added an integration with RozetkaPay — a payment system from Ukrainian marketplace Rozetka. With the assistance of this feature, you will have an opportunity to expand your tools for interaction with Ukrainian clients and give them more options to pay for their products.