Editor HTML

Configuração Geral

Interface de configuração do campo Editor HTML.

• Tipo do dado : Define o tipo do campo da aplicação. Quando o campo é definido como Editor HTML, o mesmo aceita letras , números,caracteres.

• Label : Define o título do campo na aplicação. Por exemplo: se o campo estiver definido no banco de dados como cmp_nome_cliente fica mais claro o entendimento se o mesmo for exibido como Nome do Cliente.

• Etiqueta abaixo do campo : Define a mensagem a ser exibida abaixo do campo

• Altura : Altura em pixels do Editor HTML
• Campo Escondido : Esta opção disponibiliza o campo no formulário como tipo hidden (Escondido), estando o valor do campo disponível para processamento (Javascript ou PHP).
• Desabilitar Campo : Define se o campo será desabilitado em “Modo de Inserção”, “Modo de Atualização” ou em “Modo de Inserção e Atalização”.
• Tipo SQL : Informa o tipo do campo no banco de dados.

Barra de Ferramentas

Interface de configuração da barra de ferramentas do Editor HTML.

• Propriedades
  • Localização : local do posicionamento da barra de ferramentas do Editor HTML
  • Alinhamento : Alinhamento dos botões na barra de ferramentas
  • Status : Barra de status, Não Exibir, Superior e Inferior;
  • Quantidade : Quantidade de linhas na barra de ferramentas do Editor HTML.
• Organização dos Botões : Permite definir a posição dos botões na barra de ferramentas.
• Pré-Visualização : Permite visualizar a barra de ferramentas de acordo com as configurações acima.

Valor no Banco de Dados

Permite definir o valor a ser gravado no banco de dados.

Interface de configuração do valor no banco de dados.

• Valor Definido : Permite especificar um valor fixo ou associar a variáveis globais.

Interface de configuração do valor definido.

• Auto Incremento (automático) : Permite utilizar o incremento gerado pelo banco de dados. Usado apenas quando o campo do banco de dados é do tipo AUTO INCREMENT ou similar. Para os bancos de dados que utilizam sequência, tais como Oracle, PostGres e Firebird, é necessário informar o nome da sequência.

Interface de configuração do auto incremento.

• Auto Incremento (manual) : A aplicação gerada simulará um auto incremento no campo. Para a inclusão o valor do campo será calculado automaticamente pela aplicação.
• Data de inclusão : Na inclusão o campo será preenchido com a data do servidor.
• Data de atualização : Na atualização o campo será preenchido com a data do servidor.
• IP do usuário : O campo receberá o IP da máquina que está acessando a aplicação.
• Calculado pelo banco de dados : O valor do campo será atribuído pelo próprio banco de dados. O campo não será utilizado nos processos de atualização. Por exemplo: será atualizado através de um Trigger.
• Nulo : O campo será preenchido com nulo (null).

Configuração da Visualização

A Configuração da Visualização permite definir valores de CSS para campos individualmente. Para cada Esquema de Visualização do Scriptcase existem os mesmos atributos disponíveis nesta Interface.

Interface de configuração da visualização.

• CSS do Título
  • Fonte : Permite escolher o tipo de fonte, que será aplicado no campo da aplicação.
  • Tamanho : Permite escolher o tamanho da fonte, que será aplicado no objeto da aplicação.
  • Cor da fonte :Permite escolher a cor utilizando uma paleta de cores para ser aplicada a fonte.
  • Cor de fundo : Permite escolher a cor, utilizando uma paleta de cores para ser aplicada como plano de fundo do campo da aplicação.
  • Negrito : Permite aplicar o tipo negrito na fonte.
  • Sublinhado : Permite aplicar o tipo sublinhado na fonte.
  • Tamanho da Borda : Permite aumenta o tamanho da borda do título.
  • Cor da Borda : Permite escolher a cor da borda, utilizando uma paleta de cores para ser aplicada no título.
  • Alinhamento Horizontal : Permite posicionar o label do filtro no local desejado (left,rigth,center e justify).
  • Alinhamento Vertical : Permite posicionar o label do fitro no local desejado (baseline, sub, super, top, text-top, middle, bottom, text-bottom).
  • Largura : Para definir a largura do título.
  • Altura : Para definir a altura do título.
• CSS do Campo
  • Fonte : Permite escolher o tipo de fonte, que será aplicado no campo da aplicação.
  • Tamanho : Permite escolher o tamanho da fonte, que será aplicado no título da aplicação.
  • Cor da fonte :Permite escolher a cor utilizando uma paleta de cores para ser aplicada a fonte.
  • Cor de fundo : Permite escolher a cor, utilizando uma paleta de cores para ser aplicada como plano de fundo do campo da aplicação.
  • Negrito : Permite aplicar o tipo negrito na fonte.
  • Sublinhado : Permite aplicar o tipo sublinhado na fonte.
  • Tamanho da Borda : Permite aumenta o tamanho da borda do campo.
  • Cor da Borda : Permite escolher a cor da borda, utilizando uma paleta de cores para ser aplicada no campo.
  • Alinhamento Horizontal : Permite posicionar o label do filtro no local desejado (left rigth, center e justify).
  • Alinhamento Vertical : Permite posicionar o label do fitro no local desejado (baseline, sub, super, top, text-top, middle, bottom, text-bottom).
  • Largura : Para definir a largura do campo.
  • Altura : Para definir a altura do campo.
• CSS do Objeto Input
  • Fonte : Permite escolher o tipo de fonte, que será aplicado no objeto input. Por exemplo: Radio, Select, Text, etc
  • Tamanho : Permite escolher o tamanho da fonte, que será aplicado no título da aplicação.
  • Cor da fonte : Permite escolher a cor utilizando uma paleta de cores para ser aplicada a fonte.
  • Cor de fundo : Permite escolher a cor, utilizando uma paleta de cores para ser aplicada como plano de fundo do objeto input.
  • Negrito : Permite aplicar o tipo negrito na fonte.
  • Sublinhado : Permite aplicar o tipo sublinhado na fonte.
  • Tamanho da Borda : Permite aumenta o tamanho da borda do objeto input.
  • Cor da Borda : Permite escolher a cor da borda, utilizando uma paleta de cores para ser aplicada no objeto input.
  • Alinhamento Horizontal : Permite posicionar o label do filtro no local desejado (left, rigth, center e justify).
  • Alinhamento Vertical : Permite posicionar o label do fitro no local desejado (baseline, sub, super, top, text-top, middle, bottom, text-bottom).
  • Largura : Para definir a largura do objeto input.
  • Altura : Para definir a altura do objeto input.

Configuração de Ajuda

Permite que o desenvolvedor adicione instruções e dicas de utilização no campo, permintindo assim que o desenvolvedores auxiliem os usuários no entendimento e na utilização do sistema.

Tipo do Help

Forma de exibição do help.

Descrição dos atributos da configuração.

Descreva Ajuda

Area destinada a inclusão do texto que será apresentado na aplicação de acordo com o tipo selecionado abaixo.

Hint

Exibe um ícone padrão ? ao lado do campo. Ao posicionar o mouse sobre o ícome, a mensagem será exibida.

O ícone exibido ao selecionar os tipos Hint ou Popup variam de acordo com o tema que está sendo utilizado. Este ícone pode ser alterado no [css dos botoes].

Texto

Exibe o texto dentro de um <span></span> ao lado do campo.

Pop-up

Exibe um ícone padrão ? ao lado do campo. Para exibir a mensagem basta clicar no ícone, um pop-up será exibido contendo o texto.

Tippy

Exibe um ícone padrão ? ao lado do campo. Ao posicionar o mouse sobre o ícome, a mensagem será exibida de forma mais amigável.

Configurações do tipo de ajuda (Tippy)

Descreva Ajuda : Define onde será exibido o botão de ajuda do campo

Posição do botão Ajuda : Define qual a posição de exibição do hint Tippy em relação ao ícone de ajuda do campo

Tempo para abrir o hint Tippy : Define o tempo em milissegundos para que o hint Tippy seja exibido após o mouse passar por cima do ícone de ajuda.

Tempo para fechar o hint Tippy : Define o tempo em milissegundos para que a dica do Tippy fique oculta após o mouse sair do ícone de ajuda.

Largura do hint Tippy : Define a largura da dica Tippy em pixels.

Posição do botão ajuda (Exceto Tippy)

Define onde o botão ajuda irá aparecer no campo da aplicação em execução. As opções são:

Ao lado: O ícone de ajuda irá aparecer ao lado do campo. Na coluna: O ícone de ajuda irá aparecer ao lado do label do campo.