Summary

  • Overview
  • Add Elements
  • Edit Elements
  • Move Elements
  • Align Elements
  • Arrange Elements

Overview

The Blocks in Nicepage always contain Elements, such as Texts, Images, Contact Forms, etc.

upage-doc-23.png

Add Elements

The Elements are added to Blocks from the Add Element list on the Top Bar. Additionally, you can Elements by clicking the Plus icon in the Block.

upage-doc-24.png

Edit Elements

To edit style Element properties, select an Element in the Editor. The Editor has a Context Toolbar for quick editing and a Property Panel containing all available properties for settings. The tabs in the Property panel allow navigating to the properties of the Box with the selected Element.

upage-doc-25.png

Move Elements

You can move Elements by dragging. Also, you can use the keyboard Arrow keys. While moving, you can align Elements with the Magnetic Guides.

upage-doc-21.png

You can see the guides while moving Elements with the Arrow Keys.

move-arrows-guides.gif

Align Elements

Use the Align operation in the Property Panel to the right. The first click aligns the selected Elements, and the second arranges both Elements in a Container.

align-operation.gif

Arrange Elements

You can now use the Hotkeys to Arrange Elements, ALT+ ] to Bring Forward, and ALT + [ to Send Backward. You can find these hotkeys in the Options.

arrange-hotkeys-options.png

The following is an example of Arrange with Hotkeys.

arrange-hotkeys.gif

## Summary - Overview - Add Elements - Edit Elements - Move Elements - Align Elements - Arrange Elements ## Overview The Blocks in Nicepage always contain Elements, such as Texts, Images, Contact Forms, etc. !upage-doc-23.png! ## Add Elements The Elements are added to Blocks from the **Add Element** list on the Top Bar. Additionally, you can **Elements** by clicking the Plus icon in the Block. !upage-doc-24.png! ## Edit Elements To edit style Element properties, select an Element in the Editor. The Editor has a Context Toolbar for quick editing and a Property Panel containing all available properties for settings. The tabs in the Property panel allow navigating to the properties of the Box with the selected Element. !upage-doc-25.png! ## Move Elements You can move Elements by dragging. Also, you can use the keyboard Arrow keys. While moving, you can align Elements with the Magnetic Guides. !upage-doc-21.png! You can see the guides while moving Elements with the Arrow Keys. !move-arrows-guides.gif! ## Align Elements Use the Align operation in the Property Panel to the right. The first click aligns the selected Elements, and the second arranges both Elements in a Container. !align-operation.gif! ## Arrange Elements You can now use the Hotkeys to Arrange Elements, ALT+ ] to Bring Forward, and ALT + [ to Send Backward. You can find these hotkeys in the Options. !arrange-hotkeys-options.png! The following is an example of Arrange with Hotkeys. !arrange-hotkeys.gif! ##