Hey guys! We just released v6.1.0. It comes with a lot of new exciting features. You can check out the highlights here:
New
A new Bold & Dark template was added.
Clicking the new Resize Margin/Padding icon in the component focus bar lets you resize margins and paddings visually. Supports both CSS properties and Bootstrap m-* and p-* utilities.
Hovering over the “Select Parent” icon in the component focus bar shows the two nearest parents for easy selection.
A Product Search ecommerce component was added, powered by Reflow.
A new Scroll Zoom animation was added for background images. Access it from the Animation tab.
The “Always Open” option was added to Accordions, to enable multiple items being open at a time.
Improved
CSS editing in the Appearance panel was improved. Now it lets you write media queries and intelligently applies :hover, :focus and :active states to the element making it easy to edit complex styling visually.
Visual options for editing backdrop filters, positioning and transitions were added to the Appearance panel.
You can now resize Image, Icon and Column components by dragging a small handle on the bottom right.
The Filters group sets the filter property that affects the whole element. To only change the background, use the new Backdrop Filters group. It is right below the Filters group.
I am totally loving this update! I’m hopeful that even the newbies will love this with the new resizing setup too and will save a lot of time all around. Great new features, thanks much!
To be honest, I’m finding it very sluggish since the update. just hit undo once and it took 2 seconds before it did anything. Also switching from one file to another is taking ages, I even closed the wrong file by mistake waiting for it to change.
I quite like the resizing columns, it should be good for initial layouts, but I’m not sure about the resizing of elements and margins/padding etc. quicker in css.
HELP. This update to 6.1.0 has broken the accordions. I cannot edit text in the paragraphs in the accordion anymore. Only the text in the item header can be edited.
@bbfi
if you double click on a paragraph in the overview pane on a closed accordion item then it will open the accordion item and you are able to edit the paragraph.
it’s a bug and the devs will fix it quickly as always
@martin
My immediate gut reaction after using the new resize tools is that they’re kind of cool, but I also think they’re a bit cumbersome to activate. Having to click the little icon every time you want to use them is tedious. I think there should be a toggle setting in the view options that allows you to have them on or off all the time (example…)
Also, while the third-button reset option is good, I think a keyboard shortcut would be even better (ctrl-r perhaps?)
@printninja The issue is that margin/padding resize mode displays handles and dropdowns for selecting utilities/class names, which makes the UI look busy. We may indeed add a setting whether margin/padding mode is active by default for those who prefer it. Thank you for the suggestion!
@NBX Yes, this is coming in a week or two. You will be able to select which Reflow toolkit to use from a dropdown. Old designs will stay on v1 until users switch to v2 manually.
Would it be possible to at least have the resize mode remain active when switching screen sizes?
In other words, right now, if I select a component, activate the margin/padding feature, and then switch from XL to LG, the feature gets deactivated. If it stayed activated when changing screen sizes, it would be MUCH faster it terms of using it to add different utility classes at different breakpoints (something I do quite a bit.)