Summary

  • Overview
  • Header Block
  • Footer Block
  • Page Blocks
    • Add A New Block
    • Move Blocks
    • Block Context Menu
    • Block Options
    • Delete Block

Overview

The Page Navigator helps you navigate the built web page and provides a comfortable view of the project layout.

page-navigator.png

Header Block

The Header is the top Block shown on all web pages of a website. You can hide the Header on some responsive views and change its layout if needed.

It usually contains the Logo, Menu, and other Elements. You can also split it into several Header Rows.

header.png

Footer Block

The Footer is the bottom Block shown on all web pages of a website. You can add various Elements to the Footer, including some commonly used ones like Social Media.

footer.png

Page Blocks

Any web page consists of Blocks. You can use Blocks to add Elements building layouts accordingly to the requirements.

page-blocks.png

Add A New Block

You can add a new Block by clicking the New Block button at the bottom of the Page Navigator.

add-block-page-navigator.png

Move Blocks

Select the Block and drag it up and down in the Page Navigator.

move-blocks.gif

Alternatively, you can also click on the arrow icon on the left side of the Block or choose the appropriate operation in the Block Context Menu.

Block Context Menu

Click the Right Mouse key on the Block thumbnail to open the Context Menu. You can find the Move Block, Copy, Paste, etc. operations for the selected Block.

block-context-menu.png

Block Options

You can click on the Options icon to open the Block Options Menu. Here you can find all operations related to Blocks.

block-options-menu.png

Delete Block

Click on the Bucket icon on the Block thumbnail. You can also click the Delete Block in the left Context Menu or Block Options, press the DEL key, or click on the Delete Block button in the Property Panel for the selected Block.

delete-block.png

NOTE: You can easily undo the Delete Block operation by pressing the CTRL+Z keys or clicking the Undo icon on the Top Bar.

## Summary - Overview - Header Block - Footer Block - Page Blocks - Add A New Block - Move Blocks - Block Context Menu - Block Options - Delete Block ## Overview The Page Navigator helps you navigate the built web page and provides a comfortable view of the project layout. !page-navigator.png! ## Header Block The Header is the top Block shown on all web pages of a website. You can hide the Header on some responsive views and change its layout if needed. It usually contains the Logo, Menu, and other Elements. You can also split it into several Header Rows. !header.png! ## Footer Block The Footer is the bottom Block shown on all web pages of a website. You can add various Elements to the Footer, including some commonly used ones like Social Media. !footer.png! ## Page Blocks Any web page consists of Blocks. You can use Blocks to add Elements building layouts accordingly to the requirements. !page-blocks.png! ### Add A New Block You can add a new Block by clicking the New Block button at the bottom of the Page Navigator. !add-block-page-navigator.png! ### Move Blocks Select the Block and drag it up and down in the Page Navigator. !move-blocks.gif! Alternatively, you can also click on the arrow icon on the left side of the Block or choose the appropriate operation in the Block Context Menu. ### Block Context Menu Click the Right Mouse key on the Block thumbnail to open the Context Menu. You can find the Move Block, Copy, Paste, etc. operations for the selected Block. !block-context-menu.png! ### Block Options You can click on the Options icon to open the Block Options Menu. Here you can find all operations related to Blocks. !block-options-menu.png! ### Delete Block Click on the Bucket icon on the Block thumbnail. You can also click the Delete Block in the left Context Menu or Block Options, press the DEL key, or click on the [Delete Block](page:304365) button in the Property Panel for the selected Block. !delete-block.png! NOTE: You can easily undo the Delete Block operation by pressing the CTRL+Z keys or clicking the Undo icon on the Top Bar. ##