17 Comments

Framework Update: Draggable Columns + Full Backend Builder + Row Parallax Scrolling!

featured image for the framework update blog post

With this new framework update, we've added some new enhancements that will help you to speed up designing layouts with the Builder. We mainly re-aligned the Builder frontend and backend interface making it more consistent both the look and feel, and the functionalities.

Draggable Column, Import/Export, & Copy/Paste

To swap columns in the previous version, you have to manually drag and drop the modules from column-A to column-B, and then drag the modules from column-B to column-A. Now you can easily drag and drop the entire column including all its styling, modules, and animation from one location to another on the same row.

A new Builder feature called Column Shuffle

A time saver feature that we've added to columns is the copy/paste and import/export. Now you can easily transfer the entire content of one column to another without having to do it one module at a time. Simply click on the copy icon on the column top bar and then click the paste icon on the column where you want to transfer the data to. In addition to this, you can also import/export column as well. This allows you send column data with clients, which they can import to their site.

Import/export & Copy/paste builder feature update

Row Parallax & Reverse Scrolling

You've seen parallax scrolling added to all modules and now we're adding it to rows! Now you can create a parallax floating effect with the entire row. In addition we've also made it possible for you to create a reverse scrolling effect on both modules and rows.

A new Builder feature called Parallax Row scrolling

Full Builder Backend Update

For those who enjoy working in the backend Builder, we've got great news — now all features on the frontend, such as copy/paste and import/export, are available on the backend. You no longer need to switch to the frontend to access those tools.

All Builder features are now available on the backend

Parallax Video Tutorial

Check out this awesome video tutorial made by Hogan Chua on "How to Add Tripple Parallax, Gradients and Animation!".