# Navigação

**Navegação** agrega seus aplicativos na barra lateral esquerda e orienta você para encontrar rapidamente o aplicativo necessário.

<figure><img src="https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-f10c70bd1b26154ac6524d025d71b885e946809d%2F01.png?alt=media" alt=""><figcaption></figcaption></figure>

Na página inicial do PocketBlocks, clique em **Novo** e selecione **Navegação** para criar uma página de navegação.

<figure><img src="https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-73b80f4764e27c182e140d49b2f35f66a7150608%2F02.png?alt=media" alt=""><figcaption></figcaption></figure>

## Itens do menu

No editor de **Navegação**, clique em **+ Novo** para adicionar itens de menu.

<figure><img src="https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-873566feff0adf4a85517dd86f7d39637efa6f2b%2F03.png?alt=media" alt=""><figcaption></figcaption></figure>

Selecione um item de menu, escolha o aplicativo para navegar e altere o rótulo e o ícone, se necessário. O aplicativo é exibido na tela em tempo real.

<figure><img src="https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-459d698c090dc931e1f0d9d97b414ad4f90e4878%2F04.png?alt=media" alt=""><figcaption></figcaption></figure>

### Adicionando itens de submenu

Para adicionar itens de submenu, clique em `···` > **Adicionar item de submenu** ou arraste `⋮⋮` para tornar um item de menu subordinado a outro.

<figure><img src="https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-e18eba95f41950f9ea204a329ce1e1d728b25f7c%2F05.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-e293c845f90684a086320474674fd429e9f9ba09%2F06.gif?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Um item de menu pai só pode expandir ou dobrar os itens do submenu. Você não pode vincular um aplicativo a ele.

Quando você exclui um item de menu pai, todos os itens de submenu nele são excluídos ao mesmo tempo.
{% endhint %}

<figure><img src="https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-b8f76f31bb08ac3e7589c5d4463c4b6b8c2cd129%2F07.png?alt=media" alt=""><figcaption></figcaption></figure>

### Adicionando parâmetros de URL

Adicione parâmetros de consulta de URL ou parâmetros de hash a um item de menu com `chave` e `valor`.![](https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-884d21193c5894881ade8604d4c672d6bd803a1d%2F08.png?alt=media)

Em seguida, clique no item de menu na tela e os parâmetros serão anexados à URL do aplicativo a ser aberto. Você pode verificar na guia **Globais** no painel esquerdo.![](https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-6538e9a9c4ab4f2c62b40108ed99eedf9687ce0f%2F09.png?alt=media)

{% hint style="info" %}
Para referenciar os parâmetros de URL, use `{{url.query.chave1}}` ou `{{url.hash.chave1}}` em seu aplicativo.
{% endhint %}

Para obter mais informações sobre parâmetros de URL, veja Ir para app.

### Visibilidade dos itens do menu

Por padrão, um item de menu fica oculto para usuários sem permissão do aplicativo. Quando você desativa esta opção, os usuários podem ver o item de menu, mas não podem ver o aplicativo ao qual ele faz referência.![](https://3319212993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbz5pg8HuItSzRC8Qjkc6%2Fuploads%2Fgit-blob-d4b44db77c0a6943532e8581d7fce16b9daee772%2F10.png?alt=media)

## Permissões

As permissões para navegações são as mesmas dos módulos e aplicativos. Consulte Permissões para recursos.
