Imagem (Banco de dados)

Configuração Geral

Interface de configuração do campo tipo Imagem ( Banco de Dados ).

• Tipo do dado : Define o tipo do campo da aplicação. Neste tipo de campo as imagens são salvas diretamente no banco de dados em formato binário.
• 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

• Borda da Imagem : Largura da borda da imagem em Pixels.
• Altura da Imagem : Permite definir a altura da imagem em Pixels.
• Largura da Imagem : Permite definir a largura da imagem em Pixels.
• Barra de Progresso : Mostrar barra de progresso enquanto os arquivos são enviados ao servidor.
• Área de Upload : Permite utilizar uma área drag’n drop para envio de arquivos.
• Ícone para a área de upload : Ícone do font-awesome para visualização na zona de upload de arquivos.
• Área de upload clicável : Oculta o botão de upload e torna a área de upload responsável pela função de upload.
• Manter Aspecto : Manter o aspecto da imagem. Quando são informados os atributos Altura da Imagem e Largura da Imagem, é gerada uma nova imagem mantendo a proporção entre a largura e altura da imagem original.
• Abrir em Outra Janela : Permite a visualização da imagem em outra janela. Caso tenham sido informadas novas Largura e/ou Altura, a imagem aberta terá o tamanho original.
• Exibir apenas o link : Quando ativada essa opção permite que o nome da imagem seja um link na aplicação gerada. Clicando no link criado será aberta uma nova janela (pop-up) com a imagem no tamanho original (sem o uso do redimencionamento).
• Nome do Arquivo : Define o campo que contém o nome do arquivo do documento armazenado na base de dados.
• Tamanho do Arquivo : Permite definir o campo que contém o tamanho do arquivo.
• Extensões e tamanho do upload : Define as extensões de arquivo permitidas e o tamanho máximo para o upload. É possível também informar mais de uma extensão para cada regra de tamanho, basta adicionar os nomes das extensões separados por um espaço, Ex. png jpeg.

Nota: Atenção! Se nenhum valor for informado aqui, todos os tipos de arquivo serão permitidos e o tamanho do arquivo será limitado pela configuração do PHP. Por questões de segurança, é muito importante que essa configuração seja feita definindo pelo menos os tipos de arquivos permitidos para previnir que arquivos maliciosos sejam enviados para sua aplicação.

• 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 HTML : Objeto HTML usado para exibir o campo no formulário.
• Tipo SQL : Informa o tipo do campo no banco de dados.

Multi-upload

Ele permite fazer upload de múltiplos arquivos e armazenar as informações em uma tabela de banco de dados relativa.

Configurações do Multi Upload.

• Quantidade de colunas : Quantidade de colunas para exibir no Multiupload.
• Ordenar arquivos : Permite que os arquivos sejam ordenados após a inclusão.
• Posição do delete : Posição do checkbox de deletar.
• Posição do upload : Posicionamento dos registros no momento do upload.
• Monstrar o status : Mostrar o status de upload.
• Tabela : Selecione a tabela da base de dados para armazenar os arquivos.

Depois de selecionar a tabela, será exibido todos os campos daquela tabela, onde devemos associar os parâmetros de preenchimento dos campos ao inserir ou atualizar um registro.

Configuração de campos da tabela para o Multi Upload.

Ao clicar em algum select, será mostrado as seguintes opções:

• Nome do arquivo : Obtém o nome do arquivo que está sendo carregado.
• Upload : Obtém o binário do arquivo.
• Tamanho do arquivo : Contém o tamanho do arquivo que será armazenado no banco de dados.
• Incremento Auto : Usado apenas quando o campo do banco de dados é do tipo auto incremento ou similar.
• Incremento Manual : O formulário gerado irá lidar com o recurso de auto-incremento, calculando o valor do campo automaticamente antes de inserir um registro.
• Chave Estrangeira : Permite associar um valor de um campo do formulário atual.
• Definido : Você pode especificar um valor constante ou usar variáveis globais. [global_var]
• Data de inclusão : Obter os dados do servidor ao inserir.
• Datetime de inclusão : Obter a data e hora do servidor ao inserir.
• IP do usuário : O campo será preenchido com o IP do computador que está acessando a aplicação.
• Calculado pelo banco de dados : O valor do campo é atribuído pelo banco de dados.
• Calculado pelo banco de dados se vazio : O valor do campo é atribuído pelo banco de dados se nenhum valor é passado para ele.
• Null : O campo na tabela SQL é preenchido com (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.