# Navigation

## Settings

Select type to set the placement of the navigator.&#x20;

Type:

* Top - navigator shown above work area
* Side - navigator shown on the left-hand side of the work area
* Top/Side - navigator shown above and on the left-hand side of the work area

Panel state:

* Floating - the side navigator will expand when hovering over the navigator arrow visible on the left-hand side
* Sticky - the navigator will be fixed to the left-hand side of the portal tab

Breadcrumbs:

* Shown - breadcrumbs will be visible under the portal header. The breadcrumbs show the focused page place in relation to higher level pages
* Hidden - the breadcrumbs will be hidden

<div align="left"><figure><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtPTgZOYmpJka4jqs1v-3406065915%2Fuploads%2FoO1MBriYIVlmI6fAVkke%2FNavigation%20settings1.png?alt=media&#x26;token=c326b453-4599-4356-b2cc-54c906b1f98d" alt=""><figcaption></figcaption></figure></div>

## Export pages

Use the *Export* button to export pages. Click *Export* and select the pages which are to be exported. More than one page can be exported at the same time.

<div align="left"><figure><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtPTgZOYmpJka4jqs1v-3406065915%2Fuploads%2FDX2VGVVDV3G7ekeDfZLQ%2FExport%20pages.png?alt=media&#x26;token=5e93e41a-3d3d-4231-b24d-8ef852ca3540" alt=""><figcaption></figcaption></figure></div>

Import of pages, containers and portlets is done under [Add - Import](https://help.novacuraflow.com/development/flow-portal-2/add-pages-and-portlets#import).

{% hint style="info" %}
For information about imports from the old Portal, go to [Migrate existing solution](https://help.novacuraflow.com/development/getting-started-portal2#migrate-existing-solution).
{% endhint %}

## Page navigation tree

All pages can be managed via the page tree manager.&#x20;

Using the page tree manager, users can:&#x20;

* rearrange the order of pages
* create new pages&#x20;
* delete existing pages&#x20;
* search for existing pages

<div align="left"><figure><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtPTgZOYmpJka4jqs1v-3406065915%2Fuploads%2FXuMCxc2TOI5HPojaugOc%2FNavigation%20tree.png?alt=media&#x26;token=5bcd17f7-3849-434d-a8fe-d2c1b7c56b4d" alt=""><figcaption></figcaption></figure></div>
