São Paulo - SP, Brazil
contato@oriontecinfo.com.br

Elementos de apoio

Projetos na área de TI

Survey System permite incluir nos formulários: subtítulos, textos explicativos, separadores e imagens. Estes recursos tornam o formulário mais organizado,  fácil de ser entendido e proporcionam um melhor visual estético.

Elementos de Apoio

São elementos que permitem incluir: o título do formulário, textos, subtítulos, separadores e imagens no formulário para facilitar sua compreensão.

Textos e SubTítulos

Elemento utilizado para inserir subtítulos e textos no formulário. O texto e estilo visual são configuráveis.

Figura 1 – Elemento “Textos e SubTítulos”

Para configurar os textos e subtítulos, clique em seu botão “Settings“. Será aberta a janela de diálogo mostrada abaixo.

Figura 2 – Configurações de “Textos e subtítulos”

Configurações padrões:

  • Fonte regular
  • Estilo normal
  • Alinhado ao centro
  • Tamanho da fonte: 16px

Personalizações que podem ser feitas:

  • texto (de até 500 caracteres)
  • estilo do texto: em negrito ou normal; itálico ou regular
  • texto com letras em caixa alta (todas as letras em maiúsculas) ou não
  • presença ou não de borda em torno do texto
  • cor do texto, cor do fundo e cor da borda
  • tamanho da fonte: de 10px a 28px
  • alinhamento do texto (esquerdo, direito, centralizado, justificado)

Exemplos:

Figura 3 – Exemplos de texto e subtitulo reconfigurados

Separadores

Elemento utilizado para inserir separadores no formulário.

Figura 4 – Elemento separador

Para configurar o separador clique em seu botão “Settings“. Será aberta a janela de diálogo mostrada abaixo.

Figura 5 – Janela de configurações do Separador

Configurações padrões:

  • Tamanho do separador: 450px
  • Espessura da linha: 1px
  • Estilo da linha: solida
  • Cor: preto

Personalizações que podem ser feitas:

  • Tamanho do separador: de 100px a 450px
  • Espessura da linha: de 1px a 10px
  • Estilo da linha: solida, dupla ou tracejada
  • Cor da linha

Exemplos:

Figura 6 – Exemplos de separadores personalizados

Imagens

Elemento utilizado para inserir imagens no formulário.

Figura 7 – Elemento Imagem

Para inserir uma imagem no formulário é necessário que ela esteja cadastrada. Clique no botão “Settings“. Será aberta a seguinte janela:

Figura 8 – Janela de configurações – Carregar imagem ou foto

Selecione a imagem cadastrada a ser carregada.

Figura 9 – Imagem selecionada

Figura 10 – Imagem carregada no elemento imagem

A imagem está carregada e pronta para ser arrastada e inserida em um formulário.

Imagens ou fotos

Cadastrando imagem

Para que uma imagem possa ser inserida em formulários é necessário que ela esteja cadastrada. Para cadastrar uma imagem (tamanho máximo permitido de 120 K), clique no menu superior esquerdo em “Imagens → Cadastrar“. Será exibida a seguinte tela:

Figura 11 – Tela “Cadastrar imagem”

Clique no botão “Escolher ficheiro” e selecione a imagem. Será exibido um preview da imagem selecionada.

Figura 12 – Imagem selecionada para ser cadastrada

Finalmente clique no botão “Cadastrar“.

Figura 13 – Mensagem “Imagem cadastrada”

A imagem será cadastrada e o usuário será redirecionado para a Listagem de imagens cadastradas.

Listando as imagens cadastradas

Clique no menu superior esquerdo em “Imagens → Listar“. Será exibida a tela com a lista ordenada (ordem crescente) de imagens cadastradas:

Figura 14 – Imagens cadastradas

Excluindo imagem

Para excluir uma imagem cadastrada, clique no menu “Imagens → Excluir“. Será exibida a seguinte tela:

Figura 15 – Tela “Excluir Imagem”

Selecione a imagem a ser excluída.

Figura 16 – Seleção da imagem a ser excluída

Finalmente, clique no botão “Excluir“.

Figura 17 – Mensagem de exclusão de imagem

E o usuário será automaticamente redirecionado para a listagem de imagens.