Neste tutorial mostramos como criaro um Menu Árvore. Este menu organiza os seus itens verticalmente em formato árvore com itens pais e filhos. Veja no exemplo abaixo:
Criando um Menu
1. Crie uma nova aplicação do tipo Menu Árvore.
Criando os itens do menu
2. Para criar os itens que farão parte do menu, no menu de aplicação clique no item “Itens do Menu”.
No menu que iremos criar existe uma hierarquia, de forma que teremos itens e subitens. Inicialmente vamos inserir os itens principais do menu.
3. Para criar itens você tem duas opções, clicar no botão “+” ou no botão importar aplicações. Assim pode inserir todos os itens desejados e depois organizá-los.
No exemplo estamos usando variáveis de linguagem para obter um sistema em vários idiomas. Saiba mais sobre nossa ferramenta de dicionário de dados. Pode também adicionar o nome dos labels manualmente no campo “texto”.
Criando os Sub-itens no menu
4. Para criarmos subitens é necessário estar com o item marcado e depois clicar na seta “>” para definir a hiérarquia em níveis.
5. No quadro abaixo informamos quais itens e subitens foram utilizados para a criação deste exemplo. Também informamos o nome das aplicações chamadas em casa item, todas as aplicações existem dentro do nosso projeto de exemplo “Samples”.
| Item (Label) | Aplicação |
|---|---|
| Formulário | |
| – Mestre/detalhe | form38 |
| – Múltiplos registros | form40 |
| – Grid Editável | form39 |
| – Validação de Chave Única | form44 |
| – Pedidos | form53 |
| Consulta | |
| – Agrupamento – Cliente x Estados | grid05 |
| – Resumo Matriz | grid29 |
| – Submenu | |
| — Drill Down Simples | grid14 |
| — Clientes | grid20 |
| Relatórios | |
| – Invoice | pdf03 |
| – Cartão visitas | pdf02 |
6. Depois de criado o menu, iremos adicionar um último item com o target sair para que sirva para o usuário deixar o menu ou sair do sistema.
É possível configurar também hint e ícones (com suporte a biblioteca de ícones do Font Awesome).
7. Após finalizar as configurações, nosso menu está pronto para visualização e testes, clique na opção do menu principal do Scriptcase “Executar Aplicação”.
Comente este post