You can resize, pin, and move widgets (images, videos, etc) on an Immerse page in the editor preview windows without needing to access any of the settings menus.
Watch our video to find out more:
Or follow the guide below:
Where can you use drag and drop?
You can use the drag-and-drop functionality from the main preview window:
Or in the Immerse editor preview window:
How do you use drag and drop?
You can use drag and drop functionality on any of the Immerse widgets, simply move your mouse over the widget that you want to edit and you'll see a grey border appear. Column lines will appear to help you navigate to the desired location.
Hold your mouse down on the widget and move it to the desired location. Once the widget has been dropped, it will automatically be pinned and snapped into the dropped position:
How to move a widget to a different Immerse page?
On the preview side right click with your mouse to select the move option
You can locate the moved widget on the editing side using the Focus in editor button.
How do you change the width or height of a widget?
Use the handles on the widget border to resize to the desired size.
See more on resizing widgets here.
Widgets will automatically be pinned in place when you use drag and drop, or span the width of your widget over multiple columns. Pinning is also great if you want to layer your widgets or move them to another location in your Immerse pages.
See more on pinning here.
For layout inspiration, check out the Turtl Docs below: