Layout

View video

Neste módulo estão disponíveis recursos de edição, atributos e visualização da aplicação, de forma que podemos atribuir esquemas de visualização, organizar os campos em blocos, definir os valores e o formato do cabeçalho entre outros.

Visualização

Nesta interface, podemos definir o esquema de visualização de uma aplicação em específico, isto porque o Scriptcase utiliza a definição de Valores Padrões por Projeto, que além do esquema de visualização, permite a definição de valores a outros atributos a nível de Projeto.

Configuração de visualização de temas da aplicação

• Configuração de visualização
  • Modelo para o Cabeçalho : Permite a escolha do modelo para compor o cabeçalho da aplicação.
  • Modelo para o Rodapé : Permite a escolha do modelo para compor o rodapé da aplicação.
  • Botão : Permite a escolha do modelo dos botões da aplicação.
  • Temas : Escolhendo um dos temas existentes, será carregado o modo visual (cores,fontes, etc) que irá compor a aplicação.

Cabeçalho

Neste bloco é feita a definição dos conteudos variáveis que farão parte do cabeçalho.

Configuração do cabeçalho da aplicação

Esta tela pode variar dependendo do formato de cabeçalho escolhido dentro da pasta Visualização.

• Exibir Cabeçalho : Esta flag determina se o cabeçalho será exibido.
• Título da Consulta : Permite informar um título para ser exibido na aplicação.
• Variáveis de Cabeçalho : Os campos variáveis podem ser preenchidos com qualquer um dos tipos exibidos no Combobox. Dependendo do tipo, será necessário associar um conteúdo ao mesmo. Abaixo descrevemos os tipos existentes:
  • Campo : Quando se escolhe a opção do tipo “Campo”, abrirá um Combobox ao lado com os campos que fazem parte do “Select”. Escolhendo um desses campos, estará associando o valor do campo para exibição no cabeçalho.
  • Título : Esta opção quando selecionada exibirá no cabeçalho o valor preenchido no “Título do Filtro”.
  • Data : Quando é selecionado o tipo “Data”, será exibido no cabeçalho da controle a data do sistema no formato dd/mm/aaaa. Existem diversos formatos de exibição utilizando a data e a hora do servidor. O formato poderá ser informado no campo texto que aparece ao lado. Para ter acesso aos formatos existentes clique em e aparecerá uma tela explicativa.
  • Imagem : Quando selecionado o campo tipo imagem, aparece um campo para o preenchimento do nome da imagem existente no servidor. Para localizar as imagens existentes e selecionar uma, clique no ícone “Escolher imagem” e para disponibilizar novas imagens no servidor clique em “Fazer upload de uma imagem” .
  • Valor : Quando selecionado o tipo “Valor”, o conteúdo preenchido no campo texto que aparece ao lado será exibido no cabeçalho, pode ser informado textos e “Variáveis globais”. Ex: “Nome do Funcionário: [v_nome]”.

Rodapé

Configuração do rodapé da aplicação

Esta tela pode variar dependendo do formato de Rodapé escolhido dentro da pasta Visualização.

• Exibir Rodapé : Esta flag determina se o Rodapé será exibido na aplicação.
• Variáveis de Rodapé : Os campos variáveis podem ser preenchidos com qualquer um dos tipos exibidos no Combobox, dependendo do tipo será necessário associar um conteúdo ao mesmo. Abaixo descrevemos os tipos existentes:
  • Campo : Quando se escolhe a opção do tipo “Campo”, abrirá um Combobox ao lado com os campos que fazem parte do “Select”. Escolhendo um desses campos, estará associando o valor do campo para exibição no Rodapé.
  • Data : Quando é selecionado o tipo “Data”, será exibido no Rodapé da aplicação a data do sistema no formato dd/mm/aaaa. Existem diversos formatos de exibição utilizando a data e a hora do servidor. O formato poderá ser informado no campo texto que aparece ao lado. Para ter acesso aos formatos existentes clique em e aparecerá uma tela explicativa.
  • Imagem : Quando selecionado o campo tipo imagem, aparece um campo para o preenchimento do nome da imagem existente no servidor. Para localizar as imagens existentes e selecionar uma, clique no ícone “Escolher imagem” e para disponibilizar novas imagens no servidor clique em “Fazer upload de uma imagem”.
  • Valor : Quando selecionado o tipo “Valor”, o conteúdo preenchido no campo texto que aparece ao lado será exibido no Rodapé. Pode ser informado textos e “Variáveis globais”. Ex: “Nome do Funcionário: [v_nome]”.

Estrutura do Menu

Nesta opção é possível alterar toda a estrutura do menu.

Arraste a opção marcada até o “Menu Itens” para criar um novo “bloco” onde será adicionado conteúdo. Você pode aumentar a largura do layer, diminuí-la e também alterar o posicionamento dela.

Após adicionar o layer e alterar o seu tamanho você pode clicar no ícone da “lixeira” para excluí-lo ou pode clicar no ícone do “lápis” para editar o que será exibido nesse bloco.

Edição do layer

• Nome : Aqui você altera o nome do seu layer.
• Tamanho : Usando esta opção você pode alterar manualmente o tamanho do layer, usando porcentagem. Você também pode definir esse valor em pixels, no entanto, para fazer isso você precisará alterar a opção “Menu Width” dentro do menu “Configurações”, este valor vem em porcentagem como padrão de Scriptcase.
• Exibir : Ao clicar nessa opção você altera a exibição do layer, se deseja exibir ou não.
• Alinhamento : Aqui você altera o alinhamento de todo conteúdo do layer.
• Tipo : Nessa opção você seleciona o tipo de dado que será exibido em cada linha do layer.
  • Título : Será exibido o título da aplicação, de acordo com o valor definido no “Título da Aplicação” dentro do menu “Cabeçalho e Rodapé”.
  • Data : Aqui você informa um formato de exibição de datas. Exemplo: d-m-Y
  • Imagem : Você escolhe uma imagem do gerenciador de imagem.
  • Valor : Você informa qualquer texto ou pode informar uma variável global. Exemplo: [var]
  • Biblioteca : Usando esta opção você seleciona uma Biblioteca Externa do Scriptcase. Você pode importar ou criar bibliotecas usando a opção “Ferramentas » Bibliotecas Externas” no menu principal.
  • Método : Você seleciona um método criado em sua aplicação.
• Fonte : Nessa opção você seleciona uma fonte disponível na lista. Altera o tamanho da fonte e coloca o texto como negrito e/ou itálico.
• Cor do fundo : Aqui você altera a cor de fundo de cada linha de conteúdo do layer.
• Cor da fonte : Nessa opção você pode alterar a cor da fonte que será exibida no layer.
• Excluir : Ao clicar nessa opção você exclui uma linha do layer.
• Adicionar : Você adiciona mais uma linha ao layer.
• Fechar : Você fecha a tela de edição do layer.
• Salvar : Você salvar todas as alterações feitas no layer.