Tutorial: Campos de Assinatura digital, Rating, Select2 e Switch/Slider

Este exemplo demonstra os campos do formulário adicionados na versão 9.2 do Scriptcase: Assinatura digital, Rating, Select2 e Switch/Slider

 

1. Campo Assinatura digital

Este tipo de campo permite que o usuário possa escrever cursivamente, utilizando uma caneta digital ou mouse.

assinatura-2

a) Em uma aplicação de Formulário ou Controle, clique para adicionar um novo campo ou clique para editar um campo já existente.

b) Na opção “Tipo do Dado”, altere-o para o tipo “Assinatura”.

assinatura

 

2. Campo Rating

Este tipo de campo permite que o usuário realize avaliações/ranqueamentos utilizando ícones, geralmente de estrelas,  em linha.

rating-3

a) Em uma aplicação de Formulário ou Controle, clique para adicionar um novo campo ou clique para editar um campo já existente.

b) Na opção “Tipo do Dado”, altere-o para o tipo “Rating”.

rating

c) Em seguida, devemos informar a “Quantidade de ícones”,  e quais imagens serão utilizadas para representar o “Ícone habilitado” e “Ícone desabilitado”.

rating2

 

3. Campo Select2 

Este tipo de campo é uma melhoria de funcionalidade para os campos Select e Autocomplete.

a) Em uma aplicação de Formulário, Filtro ou Controle, clique para adicionar um novo campo ou clique para editar um campo já existente.

b) A opção “Select2” está disponível para os campos com o “Tipo do Dado” Select, Número Auto-complete e Texto Auto-complete.

select2

c) Ao selecionar o “Select2”, é possível ativar a funcionalidade “Exibir a área de pesquisa Select2”, que adiciona um filtro autocomplete à caixa de texto.

select2-2

select2-3

 

4. Campo Switch

Este tipo de campo é uma melhoria de funcionalidade para os campos Radio e Checkbox

a) Em uma aplicação de Formulário, Filtro ou Controle, clique para adicionar um novo campo ou clique para editar um campo já existente.

b) Selecione o “Tipo do Dado” Radio ou Checkbox.

switch

c) Então é  possível ativar a funcionalidade “Usar Switch tipo IOS”, que utiliza uma estilização diferente, mais moderna, para o campo.

switch-2

switch-3

 

5. Campo Slider

Este tipo de campo é uma melhoria de funcionalidade para os campos Numéricos

slider-3

a) Em uma aplicação de Formulário ou Controle, clique para adicionar um novo campo ou clique para editar um campo já existente.

b) Selecione o “Tipo do Dado” Número.

slider

 

c) Habilite a funcionalidade “Usar Slider”, e aplique a “Largura” e “Incremento do slider” .

slider-2

d) Ainda na edição do campo, vá em Formatação dos Valores e defina um “Valor Máximo” para o camp0o.

slider-2-2

 

Compartilhe este tutorial

Tutoriais na mesma categoria

Formulário com campos especiais

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

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

Neste tutorial, será criado um Formulário com responsividade Mobile utilizando a tabela de exempl...

Comente este post