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