Tutorial: Menu Horizontal

Neste exemplo será criado um menu do tipo horizontal. Ela servirá para agruparmos as chamadas das aplicações desenvolvidas.

Criando um Menu

1. Crie uma nova aplicação do tipo Menu.


Criando os itens do menu

2. Para criar os itens que farão parte do menu, no menu de aplicação clique no item Menu Items.


No menu que iremos criar existe uma hierarquia, de forma que teremos itens e subitens. Inicialmente vamos inserir os itens principais do menu.

3. Informe Form na propriedade Label e clique no botão Insert Item.


4. Repita o passo anterior para criar os itens Grid e Reports.

5. Iremos adicionar um item com a funcionalidade de fechar a aplicação. Ainda na mesma tela, informe Exit na propriedade Label e na propriedade Target selecione Sair.


Criando os Sub-itens no menu

6. Para criarmos subitens é necessário estar com o item marcado e depois clicar no botão Insert SubItem.

7. Iremos criar um subitem de Form. Neste subitem serão informados link, hint e ícone. Veja a imagem abaixo.


8. A cada inclusão de subitem os itens vão ficando com níveis diferentes.


9. Depois de criado o menu é possível alterar o posicionamento como também os níveis através dos botões direcionais.


10. Para concluir a criação do menu, existe uma tabela informando quais itens e subitens foram utilizados para a criação deste exemplo. O procedimento será o mesmo visto anteriormente.

Item (Label) Aplicação
Form  
   – Master/Detail form38
   – Multiple Records form40
   – Editable Grid form39
   – Unique Key Validation form44
   – Orders form53
Grid  
   – Group By – Customers x States grid05
   – Pivot Table Summary grid29
   – Submenu  
   – – Simple Drill Down grid14
   – – Customers grid20
Reports  
   – Invoice pdf03
   – Business Card pdf02

Habilitando o Cabeçalho

11. Abra a pasta Layout e clique no item Header.


12. Marque a opção Display Header.


Tutoriais na mesma categoria

Menu com Abas

Neste exemplo veremos como configurar para que o menu abra as aplicações em abas. ...

Menu Breadcrumb

Neste exemplo veremos como configurar para que o menu exiba os links das aplicações navegadas...

Menu usando Aplicação inicial

Neste exemplo veremos como configurar para que o menu seja aberto já com uma aplicação carrega...

Menu Tree

Neste exemplo será criado um menu do tipo tree view. Ela servirá para agruparmos as chamadas da...

Comente este post