Neste tutorial será criado um menu do tipo horizontal. Ela servirá para agruparmos as chamadas das aplicações desenvolvidas.
Criando uma Aplicação de 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 na opção “Items 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. Clique no icone “+” para adicionar um novo Item do Menu e informe Formulário na propriedade Texto.
4. Repita o passo anterior para criar os itens Consultas e Relatórios.
5. Iremos adicionar um item com a funcionalidade de fechar a aplicação. Ainda na mesma tela, adicione mais um item na aplicação, informe “Sair” na propriedade Texto e na propriedade Target selecione Sair.
Criando os Sub-itens no menu
6. Para criarmos subitens é necessário criar um novo item e em seguida clicar no botão “>” para inserir o novo item após o item anterior, assim como mostra o exemplo abaixo.
7. Iremos criar um subitem no item Formulário. Neste subitem serão informados link, hint e ícone. Veja a imagem abaixo.
Os ícones podem ser inseridos subindo uma imagem do seu computador, através da nossa bibliotecas de imagens ou utilizando a biblioteca de itens do Font Awesome.
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 (Texto) | Aplicação |
|---|---|
| Formulário | |
| – Mestre/Detalhe | form38 |
| – Múltiplos Registros | form40 |
| – Grid Editável | form39 |
| – Validação de Chave Única | form44 |
| – Pedidos | form53 |
| Consulta | |
| – Quebra – Clientes x Estados | grid05 |
| – Resumo Matriz | grid29 |
| – Submenu | |
| – – Simples Drill Down | grid14 |
| – – Clientes | grid20 |
| Relatórios | |
| – Nota Fiscal | pdf03 |
| – Cartão de Negócios | pdf02 |
Habilitando barra de ferramentas com atalhos do menu
11. Acesse a opção “Barra de ferramentas” no menu lateral do Scriptcase
12. Dentro da opção de barra de ferramentas adicione os itens que deseja mostrar como “atalho” abaixo do menu horizontal.
As configurações da barra de ferramentas do menu é similar a de configuração dos itens,
13. Você pode utilizar os itens em formato de botão, link ou imagem. Neste exemplo iremos utilizar a opção “botão”.
É possível configurar também o label, ícones (com suporte também a biblioteca de ícones do Font Awesome), hint, posição, target e a classe CSS onde você poderá customizar cores, formato e fonte e outros aspectos de layout.
14. Após finalizar as configurações de itens e barra de ferramentas, nosso menu está pronto para visualização e testes, clique na opção do menu principal do Scriptcase “Executar Aplicação”.
Comente este post