Rating

Links relacionados

Configuração Geral

Este tipo de campo permite que o desenvolvedor exiba os dados em forma de avaliação com estrelas (ou alguma outra imagem), onde o usuário final poderá visualizar a avaliação realizada anteriormente.

Descrição dos atributos disponíveis para configuração.

Tipo do Dado

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

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, este campo rating que na tabela possui o nome cmp_rating, o cliente teria um entendimento melhor da funcionalidade do campo ao definirmos a label como Avaliação do Produto.

Alem 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 no campo, a baixo das avaliações. Por exemplo: “Agradecemos pelo seu feedback!”.

Assim como a Label, o atributo Legenda também permite utilizarmos lang para a internacionalização de sua Aplicação

Quantidade de Ícones

Define a quantidade de itens que serão exibidos no campo. O valor informado neste atributo deve está de acordo com a forma que a avaliação será realizada.

Para avaliações com estrelas são utilizadas normalmente cinco estrelas, então devemos informar 5 neste atributo. Após informarmos as imagens que serão exibidas nos atributos ícone habilitado e ícone desabilitado o resultado será este:

Para utilizarmos Like/Dislike, por exemplo, devemos informar 1 na quantidade de ícones, para que apenas uma imagem seja exibida e alternada de acordo com o clique.

Neste caso, o armazenamento na base de dados será 1 para Like(ícone habilitado) e 0 para dislike(ícone desabilitado) Confira o resultado abaixo de um rating configurado com like/dislike:

Ícone Habilitado

Define o ícone que será exibido para a quantidade selecionada. Seguindo o exemplo anterior do Like/Dislike, nesta opção devemos inserir o Like .
O mesmo serve para uma avaliação por estrelas, onde por padrão devemos adicionar a estrela preenchida

Ícone Desabilitado

Define o ícone que será exibido para a quantidade que não estiver selecionada. Neste atributo devemos adicionar uma imagem que represente o negativo da imagem anterior, ícone habilitado.

Ainda referenciado o exemplo do Like/Dislike, nesta opção deveríamos inserir o Dislike

Bem como no exemplo das estrelas, devemos adicionar a estrela sem preenchimento

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.

• CSS do Título
  • Fonte : Permite escolher o tipo de fonte, que será aplicado no campo da aplicação.
  • Tamanho : Permite escolher o tamanho da fonte, que será aplicado no objeto da aplicação.
  • Cor da fonte :Permite escolher a cor utilizando uma paleta de cores para ser aplicada a fonte.
  • Cor de fundo : Permite escolher a cor, utilizando uma paleta de cores para ser aplicada como plano de fundo do campo da aplicação.
  • Negrito : Permite aplicar o tipo negrito na fonte.
  • Sublinhado : Permite aplicar o tipo sublinhado na fonte.
  • Estilo de borda : Permite escolher o estilo da borda.
  • Collapse : Permite definir a opção collapse da borda.
  • Tamanho da Borda : Permite aumenta o tamanho da borda do título.
  • Cor da Borda : Permite escolher a cor da borda, utilizando uma paleta de cores para ser aplicada no título.
  • Alinhamento Horizontal : Permite posicionar o label do filtro no local desejado (left,rigth,center e justify).
  • Alinhamento Vertical : Permite posicionar o label do fitro no local desejado (baseline, sub, super, top, text-top, middle, bottom, text-bottom).
  • Largura : Para definir a largura do título.
  • Altura : Para definir a altura do título.