Feedback Imprimir

Rating

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.

Interface de configuração do campo rating

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:

Campo rating com estrelas

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:

Imagem de exemplo com link e 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 Like.
O mesmo serve para uma avaliação por estrelas, onde por padrão devemos adicionar a estrela preenchida 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 Dislike

Bem como no exemplo das estrelas, devemos adicionar a estrela sem preenchimento 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. 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.