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.
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.
Exemplos relacionados
- Usando scroll infinito
- Usando scroll infinito com altura fixa
- Consulta slide usando scroll infinito
- Consulta simples
- Consulta Slide
- Consultas com Navegação Ajax
Subconsulta
Filtro Refinado
Campos
- Google Maps nas Consultas
- Campo Acumulado
- Campo imagem
- QR Code
- Vídeos na Consulta
- Tipos de códigos de barra
- Campo Porcentagem
Ligações
- Ligação Modal
- Simples drill down
- Consulta Mestre/detalhe em 3 níveis
- Consulta com link para edição dos registros