Feedback
  1. aplicacoes
  2. aplicacao calendario
  3. calendar campos
  4. Google Maps

Google Maps

Configuração Geral

Interface de configuração do campo googlempas. Interface de configuração do campo googlempas.

  • Tipo do dado : Define o tipo de dado de exibição no campo da aplicação.

  • Label : Define o título do campo na aplicação. Ex: 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 Etiqueita abaixo do campo
  • Origem : Define o método de passagem de parâmetros para a API do Google.

Interface de configuração de Origem Interface de configuração de Origem

  • Modo de visualização : Indica a forma de exibição do campo. Podendo abrir em Modal ou em uma Nova janela.
  • Largura : Define a largura do Mapa a ser exibido.
  • Altura : Define a Altura do Mapa a ser exibido.
  • Zoom : Define o Zoom inicial (disponíveis pela API do Google) da localização no Mapa.
  • Chave da API : Chave de autorização para visualizar os mapas. (Obrigatório apenas para a versão 2 ou anterior da API do Google.)

A API Key é uma chave única, formada por uma string (texto) alfanumérica, que nada mais é do que a licença de uso deste serviço. Quando você se inscreve para usar o serviço, a chave é vinculada a um domínio e um diretório no servidor. Todas as páginas que forem utilizar a API deve estar abaixo do diretório que foi usado neste cadastro. Caso você tenha um servidor web em sua máquina, é só adquirir uma chave para testes locais, e para isso é só colocar http://localhost no campo do domínio durante o cadastro.

Para pegar a sua API Key acesse o site clicando aqui

  • Tipo de link : Define o tipo de ligação.
  • 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”

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

Interface de configuração da ajuda.

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.

Interface de configuração do tipo de exibição da ajuda.

Hint

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

Interface de configuração do tipo de exibição da ajuda.

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.

Interface de configuração do tipo de exibição da ajuda.

Tippy

Interface de configuração do tipo de exibição da ajuda.

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)

Interface de configuração do tipo de exibição da ajuda.

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.