Rating Thumbs

Configuração Geral

Este tipo de campo permite que o desenvolvedor exiba os dados em forma de avaliação com ícones de like e deslike, onde o usuário final poderá visualizar a avaliação realizada anteriormente.

Tipo do Dado

Define o tipo do campo na aplicação. Neste caso devemos selecionar Rating Thumbs.

Label

Define o título que será exibido no campo ao executar a aplicação. A terminologia utilizada na interface é fundamental para que seu sistema tenha uma boa usabilidade, devemos utilizar nomes e termos familiares para o usuário final da aplicação, ao invés de utilizarmos termos originados no sistema.

Por exemplo, para este campo rating thumbs, o cliente teria um entendimento melhor da funcionalidade do campo ao definirmos a label como Avaliação do Produto.

Além de um texto fixo, o atributo Label permite a utilização de lang para definir o título do campo, possibilitando assim a internacionalização de sua aplicação.

Legenda

Define a legenda que será exibida juntamente ao campo. Ex.: Obrigado por nos ajudar com o seu feedback!

Abaixo um exemplo da legenda na aplicação em execução:

Usar em quebras e totalizações

Permite ser utilizado o campo ao invés de valor quando quando o campo for selecionado na quebra (estática ou dinâmica) ou na totalização do resumo. Para isso, basta adicionar os campos na coluna da qubra dinâmica ou estática para poder visualizar o agrupamento realizado na consulta.

Exemplo do campo Rating Thumbs no resumo

No resumo, ao passar o mouse em cima do campo, será exibida uma pequena janela de detalhamento de avaliações que foram realizadas tanto em cada registro, como também no total, conforme é mostrado na imagem abaixo.

Exibir valor absoluto

Permite que na totalização do resumo, seja exibido no detalhamento das avaliações, ao lado da porcentagem, o número exato de avaliações que cada like e desike recebeu.

Com essa flag desligada, o detalhamento só exibirá a porcentagem da votação, deixando de foram o número exato de avaliações.

Como existem apenas duas opções possíveis de escolha, é feita apenas a contagem dos registros para definir a porcentagem de vezes que cada thumb foi escolhido.

Para o cenário em que ambos os thumbs possuem a mesma quantidade de avaliações, ficando com a porcentagem 50% x 50%, o thumb que ficará mais aceso no topo da janela de detalhamento será sempre o “Gostei”.

Valores e hints

Permite que o desenvolvedor defina os valores para cada ícone que serão guardados no banco de dados e também permite que seja definido o Hint ( Palavra que será exibida ao passar o cursor por cima do ícone )

Formato de apresentação

Permite que o desenvolvedor defina em qual formato será exibido os emojis.

Caso a primeira opção seja definida, os emojis serão exibidos da seguinte forma:

Caso a segunda opção seja definida, os emojis serão exibidos da seguinte forma:

Tamanho do ícone

Permite que seja definido o tamanho dos ícones em pixel.

Padding do rating

Permite que seja definido o valor do padding para separar os emojis

Cores dos ícones

Permite que as cores dos emojis sejam definidas para cada estado do emoji.

Tipo SQL

Informa o tipo do campo no banco de dados.

Configuração de Visualização

A Configuração da Visualização permite definir valores de CSS para campos individualmente. Para cada Esquema de Visualização do Scriptcase existem os mesmos atributos disponíveis nesta Interface.

Interface de configuração da visualização.

• Configuraçõe de visualização
  • Fonte do Texto : Permite escolher o tipo de fonte, que será aplicado no campo da aplicação.
  • Tamanho da Fonte : Permite escolher o tamanho da fonte, que será aplicado no objeto da aplicação.
  • Texto Itálico : Permite aplicar o tipo itálico na fonte.
  • Texto Negrito : Permite aplicar o tipo negrito na fonte.
  • Qtde de caracteres a exibir : Quantidade de caracteres a ser exibido.
  • Alinhamento de texto : Permite posicionar o campo no local desejado (esquerda,direita,centro e justificado).
  • Alinhamento Vertical : Permite posicionar o campo no local desejado (topo, meio ou inferior).
  • Imagem de Fundo : Permite adicionar uma image de fundo ao campo.
  • Quebra de linha : Habilita a possibilidade de quebra de linha para o campo.
  • Cor do conteúdo : Altera a cor do conteúdo do campo da consulta e do campo do agrupado, quando disponível.
  • Cor de fundo : Permite escolher a cor, utilizando uma paleta de cores para ser aplicada como plano de fundo do campo da aplicação.
  • Largura : Para definir a largura do campo.
  • Altura : Para definir a altura do campo.
  • Alinhamento Horizontal do Título : Permite definir o alinhamento horizontal para o título do campo (esquerda, direita ou centralizado).
  • Alinhamento Vertical do Título : Permite definir o alinhamento vertical para o título do campo (topo, meio ou inferior).
  • Cor do título : Permite escolher através de uma palhete de cores uma cor para o do título do campo.
  • Cor do fundo título : Permite escolher através de uma palhete de cores uma cor para o fundo do título do campo.
  • Negrito : Exibe o título do campo em negrito