Feedback Impresión

Rating

Este tipo de campo permite al desarrollador crear rápidamente un campo de evaluación con estrellas (o alguna otra imagen), donde el usuario final podrá seleccionar la clasificación de acuerdo con la escala previamente configurada.

Interface de configuração do campo rating.

Descripción de los atributos disponibles para la configuración.

Tipo de Dato

Define el tipo de campo en la aplicación. En este caso debemos seleccionar el tipo Rating

Etiqueta

Define el título que se mostrará en el campo al ejecutar la aplicación. La terminología utilizada en la interfaz es fundamental para que su sistema tenga una buena usabilidad, debemos utilizar nombres y términos familiares para el usuario final de la aplicación, en lugar de utilizar términos originados en el sistema.

Por ejemplo, este campo rating que en la tabla tiene el nombre cmp_rating, el cliente tendría un entendimiento mejor de la funcionalidad del campo al definir la etiqueta como Evaluación del Producto.

Además de un texto fijo, el atributo Etiqueta permite la utilización de lang para definir el título del campo, posibilitando así la Internacionalización de su aplicación.

Etiqueta debajo del campo

Define el mensaje que se mostrará debajo del campo.

Label below field

Subtitular

Define el título que aparecerá en el campo, debajo de las evaluaciones. Por ejemplo: “Gracias por tus comentarios!”.

Así como la Etiqueta, el atributo Subtitular también permite utilizar lang para la Internacionalización de su aplicación

Cantidad de íconos

Define la cantidad de elementos que se mostrarán en el campo. El valor informado en este atributo debe estar de acuerdo con la forma en que se realizará la evaluación.

Para evaluaciones con estrellas se utilizan normalmente cinco estrellas, entonces debemos informar 5 en este atributo. Después de informar las imágenes que se mostrarán en los atributos Icono habilitado y Icono desactivado el resultado será este:

Campo rating com estrelas

Para utilizar Like / Dislike, por ejemplo, debemos informar 1 en la cantidad de iconos, para que sólo una imagen sea mostrada y alternada de acuerdo con el clic.

En este caso, el almacenamiento en la base de datos será 1 para Like (icono habilitado) y 0 para dislike (icono deshabilitado) Confiera el resultado debajo de una calificación configurada con like / dislike:

Imagem de exemplo com link e Dislike

Icono Habilitado

Define el icono que se mostrará para la cantidad seleccionada. Siguiendo el ejemplo anterior de Like / Dislike, en esta opción debemos insertar el Like Like.
El mismo sirve para una evaluación por estrellas, donde por defecto debemos añadir la estrella rellenada Estrela preenchida

Icono Deshabilitado

Define el icono que se muestra para la cantidad que no está seleccionada. En este atributo debemos añadir una imagen que represente el negativo de la imagen anterior, ícono deshabilitado.

En el caso de Like / Dislike, en esta opción deberíamos insertar el Dislike Dislike

Así como en el ejemplo de las estrellas, debemos añadir la estrella sin relleno Estrela sem preenchimento

Valor Inicial(tipo)

Permite cargar la definición de un valor inicial para el campo cuando el formulario está en modo de inserción. La única opción disponible para este tipo de campo es Valor Definido. Al seleccionar esta opción, el atributo Valor Inicial estará disponible, donde debemos informar el valor inicial del campo.

Por ejemplo, mi valor inicial es 3, al insertar un nuevo registro, el campo Evaluación del producto se iniciará con 3 estrellas seleccionadas.

El valor definido en este atributo sobrepone otros valores definidos previamente.

Guardar variable

Permite guardar una variable de sesión(variável global) con el valor del campo, para ser utilizado en otras aplicaciones.

Por ejemplo, en el formulario de inicio de sesión el nombre de usuario se puede guardar en sesión y se muestra en el encabezado de otras aplicaciones.

Nombre de la variable

En esta opción debemos definir el nombre de la variable de sesión, habilitando el item anterior, que recibirá el valor del campo.

Debemos informar sólo del nombre de la variable, - var_rating.
Definir nome da variável

La recuperación del valor se hace en forma de variável global.

Tipo HTML

Objeto HTML utilizado para mostrar el campo en el formulario.

Tipo SQL

Informa el tipo de campo en la base de datos.

Configuración de Visualización

Le permite establecer valores CSS para el campo individualmente. Así, por ejemplo, podemos resaltar un campo de los otros en la aplicación.
Las propiedades CSS de campo, cuando se cambian, se agregan a una clase creada automáticamente por Scriptcase para cada campo de aplicación.

La configuración de CSS de campo individual, cuando se ingresa, anula la configuración del tema(CSS de las Aplicaciones (Temas)) seleccionado para la aplicación.

La configuración de visualización se divide en tres bloques de propiedades, estos bloques son:

CSS de Título

Lo que hace posible cambiar las propiedades CSS del campo Etiqueta.

En el siguiente ejemplo, podemos ver la diferencia en la configuración del título del campo.
Mientras los campos Proveedor y Categoría tienen el mismo formato, heredado del tema de la aplicación, el campo Evaluación del producto tiene un formato diferente que los demás, como resultado de los cambios realizados en el campo CSS.

Alteração de CSS da label do campo

CSS del Campo

Lo que cambia las propiedades CSS de <td> donde se coloca el objeto de entrada (donde ingresamos datos para insertar en un formulario). En la imagen a continuación, podemos ver dónde se aplican los cambios.

Campo con cambios en las propiedades CSS del campo, cambio de color de fondo y alineación horizontal

Campo com alteração no CSS

CSS del Objeto Input

Lo que cambia las propiedades CSS en el campo Objeto de entrada, donde ingresamos datos en un formulario.

Campo con cambios en las propiedades CSS del objeto de entrada, cambiando el color de fondo y el color de la fuente de entrada

Campo com alteração no CSS

Propiedades CSS

Las opciones de configuración disponibles son básicamente las mismas para cada uno de los bloques de configuración mencionados anteriormente.

Interface de configuração da visualização do titulo no formulário

Descripción de los atributos de configuración disponibles.

Fuente

Cambia la fuente del texto de acuerdo con las fuentes seleccionadas usando el font-family.

En esta opción, proporcionamos algunos tipos de fuentes (como la imagen a continuación).
Lista de fontes disponíveis na interface de configuração

Tamaño

Cambia el tamaño de fuente del texto usando la propiedad font-size en la clase de campo.

Debemos seleccionar el valor disponible de nuestra lista, la medida utilizada para esta propiedad es el píxel.

Color de la fuente

Define el color de fuente utilizado por la propiedad color en la clase de campo.

Color de fondo

Define el color de fondo, utilizando la propiedad background-color en la clase de campo.

Los colores que se utilizarán en las dos propiedades de color enumeradas anteriormente, Source Color y Background, se pueden ingresar utilizando la paleta de colores. - Ícone da paleta de cores - disponible junto al campo o valores ingresados ​​manualmente en los formatos aceptados que son: Hexadecimal, RGB, RGBA, HSL, HSLA o el Nombre de color.

Paleta de colores Al hacer clic en el icono de la paleta de colores -! Ícone da paleta de cores - al lado del campo, se abrirá una ventana con algunos colores predeterminados.

Al seleccionar uno de los colores, se ingresará un valor en formato hexadecimal (HEX), que representa el color elegido.

Hexadecimal Acrónimo de hexadecimal, este código consiste en el signo de número (#) más seis dígitos. Los dos primeros definen la intensidad del color rojo; los dos del medio son verdes y los dos últimos son azules.

Representação de cores

Este código es representado por #000000.

En este sistema de representación, # 000000 representa el color negro y # ffffff representa el color blanco.

RGB / RGBA Acrónimo de rojo, verde y azul. Este código está representado por RGB (255,255,255).

Representação de cores

Los primeros tres números definen la intensidad del color rojo; los tres números del medio son verdes y los últimos tres números son azules.

HSL / HSLA

Representação de cores

Nombre de color Debemos ingresar el nombre del color que deseamos usar. Este nombre debe ingresarse en inglés y el color debe estar dentro de la lista de colores admitidos por el navegador que usaremos.

Ejemplo: Informando nome da cor

Algunos sitios proporcionan una lista de colores con cada uno de los valores anteriores.

especificar los colores de diferentes formas usando diferentes formas de asignar valores

Esta propiedad permite

También puede ingresar valores directamente en el campo sin usar nuestra paleta de colores. Esta propiedad le permite especificar colores de diferentes maneras para asignar valores a las propiedades CSS que admiten el color.

Negrita

Le permite aplicar negrita a la fuente.

Subrayado

Le permite aplicar el tipo subrayado a la fuente.

Estilo de borde

Establece el estilo de fuente.

Contraer desde el borde

Establece el colapso del borde.

Tamaño del borde

Permite aumentar el tamaño del borde del título.

Color del borde

Le permite elegir el color del borde utilizando una paleta de colores para aplicar al título.

Alineación horizontal

Le permite colocar la etiqueta del filtro en la ubicación deseada (izquierda, derecha, centro y justificar).

Alineación vertical

Le permite colocar la etiqueta del fitro en la ubicación deseada (línea de base, sub, súper, superior, texto superior, medio, inferior, texto inferior).

No disponible en CSS de objeto de entrada

Ancho

Para establecer el ancho del título.

Altura

Para establecer la altura del título.

Configuración de Visualización

Permite que el desarrollador añada instrucciones y consejos de uso en el campo, permitiendo así que los desarrolladores ayuden a los usuarios en el entendimiento y la utilización del sistema.

Interface de configuração da ajuda.

Descripción de los atributos de configuración.

Describa Ayuda

Área destinada a la inclusión del texto que será presentado en la aplicación de acuerdo con el tipo seleccionado abajo.

Tipo de la ayuda

Pop-up - Muestra un icono estándar ! al lado del campo. Para ver el mensaje basta con hacer clic en el icono, aparecerá una ventana emergente que contiene el texto.

Interface de configuração do tipo de exibição da ajuda.

Hint - Muestra un icono estándar ! al lado del campo. Al colocar el ratón sobre el ícono, aparecerá el mensaje.

Interface de configuração do tipo de exibição da ajuda.

El icono que aparece al seleccionar los tipos Hint o Popup varía según el tema que se utiliza. Este icono se puede cambiar en [css dos botoes].

Texto - Muestra el texto dentro de un <span> </ span>al lado del campo.

Interface de configuração do tipo de exibição da ajuda.

Posición del botón de ayuda

Define donde el botón de ayuda aparecerá en el campo de aplicación en ejecución. Las opciones son:

Al lado: El icono de ayuda aparecerá al lado del campo. En la columna: El icono de ayuda aparecerá junto a la etiqueta del campo.