Tutorial: Formulário com campos especiais

Formulário com campos especiais(Google Maps, YouTube e Editor HTML)

Neste exemplo, vamos mostrar como configurar alguns campos especiais no Scriptcase, na aplicação formulario.

Esses são os campos especiais disponíveis:

Nesse exemplo, usaremos os campos Google Maps, YouTube e Editor HTML, veja suas respectivas configurações abaixo.
Para mais informações sobre outros tipos de campos especiais, acesse nossa documentação.

Campo Google Maps

Existe 3 tipos de configurações para o campo Google Maps, nesse exemplo iremos usar o Geocode.

1. Escolha Geocode na opção Origem. (Método de passagem de parametros para a API do Google).

2. Agora, no Geocode, escolha os campos que serão usados como coordenadas para a sua localização no mapa.

3. Agora, configure o modo de visualização do mapa:

  • Modo de visualização – Onde o mapa será exibido, na mesma pagina usando um modal ou em uma janela nova
  • Largura – Largura do modal em pixels
  • Altura – Altura do modal em pixels
  • Zoom – Zoom inicial do mapa

4. Agora, selecione o Link Type de como o link para o mapa será exibido na pagina: Botão ou Texto

5. Para mostrar o mapa, você precisa informar a localização corretamente e depois clicar no botão Google Maps

6. O mapa mostrar a localização usando como base os campos informados, sem precisar que o s dados estejam gravados na tabela do banco.

Campo YouTube

1. Selecione YouTube na opção de Tipo de Dado;

2. Agora, configure o Modo de Exibição para o video, nesse exemplo, usaremos o Modal;

3. Informe a largura e altura do modal, valor em pixels;

4. Na aplicação em execução, informe o link dentro do campo e clique no botão YouTube.

5. O modal abrirá contendo o video informado.

Campo Editor HTML

O campo Editor HTML permite a criação de templates, para deixar o desenvolvimento das aplicações mais fáceis.

1. Para criar templates para com campo Editor HTML acesse Layout >Templates do Editor HTML.

2. Para criar novos templates, selecione um dos templates que oferecemos e clique em “Salvar como”.

3. Informe o nome para o seu novo template e salve para que você possa começar a editar.

4. Agora, você verá a pagina para editar o template. É possível define o posicionamento dos botões, o alinhamento horizontal e a quantidade de linhas, e outras coisas.

5. Depois de concluir a criação do seu template, acesse o campo Editor HTML para aplicar o template que você criou.

Tutoriais na mesma categoria

Mestre-Detalhe (Único-para-Único)

Neste exemplo será desenvolvido uma aplicação Mestre/Detalhe completa, onde obteremos um formu...

Geração de PDF em Formulários

Neste exemplo veremos como configurar a aplicação de formulário para exibir o botão de impres...

Formulário com Responsividade Mobile

As aplicações agora têm adaptação à ambientes mobile, sendo assim, o usuário pode acessar ...

Formulário com Labels abaixo dos campos

Neste exemplo veremos como configurar a aplicação de formulário para exibir os labels abaixo d...

Comente este post