Texto Auto-Complete

Configuração Geral

Interface de configuração do campo texto auto complete.

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

• 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

• Valor inicial : Permite definir um valor inicial para o campo quando o formulário estiver em modo de inclusão. As opções são:
• Valor definido : O campo será preenchido com o valor informado na caixa de texto do atributo Valor Inicial.
• Data do sistema : O campo será preenchido com a data atual do servidor.

Caso selecione o tipo Data do Sistema, não é necessário o preenchimento do atributo Valor Inicial.

• Valor inicial : Permite definir o valor inicial do campo.

• Usar Select 2 : Usa o novo componente para seleção de dados, permitindo pesquisas na seleção.
• Quantidade de caracteres para o Select2 : Define o número de caracteres para iniciar a pesquisa no Select2.
• Quantidade de linhas para o Select2 : Define o número máximo de linhas para listar o resultado da pesquisa em Select2.
• Largura para o Select2 : Define uma largura para a área do Select2.

Interface de configuração do valor inicial.

• Quantidade de caracteres : Permite configurar a largura do objeto Text informando a quantidade de caracteres.
• Gravar Variável : Permite gravar uma variável de sessão com o valor do campo, que poderá ser utilizada em outras aplicações. Por exemplo, no formulário de login o nome do usuário pode ser salvo em sessão para exibição no cabeçalho de outras aplicações.
• Nome da Variável : Permite definir o nome da variável de sessão que receberá o valor do campo.
• Completar à esquerda com : Permite definir o caracter que será usado para completar o valor digitado a esquerda até o tamanho do campo definido no atributo Tamanho do Campo na Base de Dados.
• Tamanho do Campo : Determina o tamanho do campo em bytes. É usado para determinar a quantidade máxima de caracteres a ser digitada.
• 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).
• Campo Label : Exibe apenas o valor do campo sem permitir a edição dos dados tanto na atualização quanto na inclusão.

Interface de configuração do label.

• Criticar só no submit : Valida o campo somente quando o formulário é submetido.
• 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 HTML : Objeto HTML usado para exibir o campo no formulário.
• Tipo SQL : Informa o tipo do campo no banco de dados.

Formatação dos Valores

Interface de formatação de valores.

Converte Letra

Permite converter as letras do campo ao perder o foco. As opções são: Caixa alta, Caixa baixa, Captula primeira palavra, Captula todas as palavras.

Tamanho Mínimo

Determina a quantidade mínima de caracteres que um usuário deve inserir no campo.

Devem ser informados valores inteiros maior ou igual a 0

Tamanho Máximo

Determina a quantidade máxima de caracteres que um usuário deve inserir no campo.

Devem ser informados valores inteiros maior ou igual a 0

Caracteres Permitidos

Permite selecionar o conjunto de caracteres que poderá ser digitado no campo. As opções são:

• Selecionados : Define o conjunto de caracteres permitidos. Usando as configurações abaixo será permitida a digitação de letras, números e dos caracteres - / (definidos no atributo Mais). As letras a b c (definidas no atributo Menos) não serão permitidas.

Todos

Permite que seja digitado qualquer caracter no campo

Expressão regular

Premite usar de expressões regulares para validar o conteúdo do campo.

Modificador de expressão regular

Modificadores usados na expressão regular de validação de conteúdo do campo.

Mensagem de erro

Mensagem a ser exibida caso a expressão regular não seja válida.

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).

Lookup de Edição

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).

Processamento Ajax

Interface de configuração do processamento ajax.

Permite definir o(s) campo(s) que será(ão) recarregado(s) após a seleção de um valor do campo (onChange).

Por exemplo: um campo do tipo select com uma lista de estados, e outro campo do tipo select com uma lista de cidades. Ao selecionar um estado será recarregada a lista de cidades.

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.