Major changes between Editor 5.0 and the old editor

Left panel: Select the navigation icons on the left side of the screen to open the left panel.

Right panel: Select the box on the canvas or click the arrow button [←|] in the upper right corner of the screen.

Shortcut keys to open and close both left and right panels

For Mac: "⌘+.

For Windows: "Ctrl+.

Left panel: Click the arrow button in the upper right corner of the left panel to close it.

Right panel: Close the right panel by clicking the arrow button in the upper left corner of the right panel (once you close the right panel, you can close the box). (Once the right panel is closed, the right panel will not open when a box is selected.)

Shortcut keys to open and close both left and right panels

For Mac: "⌘+.

For Windows: "Ctrl+.

Click on the triangular arrow icon in the upper right corner of the editor screen.

The undo/redo button has been moved to the menu that opens with the Studio icon at the top of the left-most navigation. You can also use the keyboard shortcut "⌘/Ctrl +z" to go back.

The version history can now be found in the clock icon at the bottom of the left navigation.

The location for switching breakpoints has been moved to the toolbar fixed at the bottom of the screen.

The settings for showing/hiding content for each breakpoint were located in the upper left corner in the old editor, but have been moved to the Layers panel in Editor 5.0. Hover over the layer for which you want to set the display conditions (show/hide), and click on the eye icon (display settings) on the right side.

Layout and appearance settings such as box size, images, motion, margins and padding, text, and animation settings were fixed at the top of the screen in the old editor, but have been moved to the right panel in Editor 5.0.

Depending on the currently selected box, tabs for configurable items will appear.

The content display/non-display setting for each breakpoint has been moved to the Layer panel. Hover over the layer you wish to show/hide and click on the eye icon (display settings) on the right side.

If the right panel does not open when a box is selected, click the right panel open/close button [←|] in the upper right corner of the screen.

Conditional styles to be specified when setting animation are located at the top when the right panel is opened.

To set the animation settings after selecting a condition, select the box and then go to the Transform tab in the right panel.

This image is displayed when the stock panel is opened from the navigation lined up on the left side of the screen.

In the [Studio.Stock] tab of the Stock panel, Studio.Stock images are also available. High-quality AI-generated images that can be used for commercial purposes are available free of charge.

Tag/ID settings are made on the Settings tab in the right panel after selecting a box.

For more information, please see this group of articles. Link Settings and Tag Settings

The tables for entering text and tying data for lists and CMS were located in the Layers panel in the old editor, but in Editor 5.0 they have been moved to the Data tab in the right panel.

The Data tab appears in the right panel when you select an element for which properties can be tied.

Switching the display of CMS items within a dynamic page is done at the bottom of the page panel.

The right panel can be opened by clicking the open/close button [←|] in the upper right corner of the screen.

The Quickbar is only available in the Beta version and is not included in the official version.