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.
Comente este post