Summary

  • Overview
  • Add Elements
  • Edit Elements
  • Move Elements
  • Align 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

## Summary - Overview - Add Elements - Edit Elements - Move Elements - Align 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! ##