Summary
- Overview
- Add Elements
- Edit Elements
- Move Elements
- Align Elements
- Arrange Elements
Overview
The Blocks in Nicepage always contain Elements, for example, Texts, Images, Contact Forms, etc.
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.
Edit Elements
To edit style Element properties, select an Element in the Editor. There is a Context Toolbar for quick editing and Property Panel containing all available properties for settings. The tabs in the Property panel allow navigating to properties of the Box with the selected Element.
Move Elements
You can move Elements by dragging. Also, you can use the keyboard Arrow keys. While moving, you can align Elements by the Magnetic Guides.
Align Elements
Use the Align operation in the Property Panel to the right. For the selected Elements, the first click aligns the Elements, and the second one arranges both Elements in a Container.
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.
The following is an example of Arrange with Hotkeys.
## Summary
- Overview
- Add Elements
- Edit Elements
- Move Elements
- Align Elements
- Arrange Elements
## Overview
The Blocks in Nicepage always contain **Elements**, for example, 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. There is a Context Toolbar for quick editing and Property Panel containing all available properties for settings. The tabs in the Property panel allow navigating to 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 by the Magnetic Guides.
!upage-doc-21.png!
## Align Elements
Use the Align operation in the Property Panel to the right. For the selected Elements, the first click aligns the Elements, and the second one 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!
##