Numero
Configuración General
Tipo do dato:
Establece el tipo de campo de aplicación. Cuando el campo se establece en Número, se permite definir reglas de formato de números enteros.
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. En este caso, 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.
Marca de agua
Informando un texto para la Marca de agua se mostrará en el input un texto con un ejemplo de lo que puede ser informado en el campo. El resultado después de configurado será el siguiente:
Valor Inicial(tipo)
Posibilita la definición de un valor inicial para el campo cuando la aplicación está en modo de insersión. Puede elegir entre dos opciones:
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 Arlindo, al insertar un nuevo registro, el campo Nombre del Vendedor se iniciará con Arlindo.
Dato del Sistema: Al seleccionar esta opción, el valor inicial será la fecha actual del sistema de su ordenador.
Si selecciona el tipo Fecha del sistema, no es necesario rellenar el atributo Valor inicial.
Cantidad de caracteres
Permite configurar el ancho de entrada del campo de texto de acuerdo con la cantidad de caracteres informados. Sin embargo, si la cantidad escaneada es mayor que la configurada, el texto será empujado a la ecuerda, con el fin de garantizar la cantidad máxima de caracteres configurada en la opción de Formatación de Valores.
Imagen de validación
Al habilitar esta opción, una imagen se mostrará al lado del campo (según las imágenes abajo) informado si el campo está de acuerdo con las configuraciones de * Tamaño Mínimo * y * Tamaño Máximo * definidos en Formato de los Valores.
En el ejemplo siguiente, el campo se ha configurado para recibir al menos 5 caracteres, vea lo que ocurre al informar sólo 4 caracteres:
Sin embargo, si informa 5 o más caracteres el campo será mostrado de esta forma:
Usar slider:
Muestra un componente deslizante en el campo, también posibilitando que al utilizar esta función, el usuario pueda definir un valor.
Máscara:
Define la máscara de visualización del campo. Son dos los tipos de máscara descritos en la siguiente tabla:
Caracteres | Descripción |
---|---|
X | Se reemplaza por cualquier carácter devuelto por la base de datos. Su relleno es obligatorio y cuando se devuelven menos caracteres que el tamaño de la máscara, el valor se completará con ceros a la izquierda. |
Z | Se reemplaza por cualquier carácter devuelto por la base de datos. Su relleno es opcional y cuando se devuelven menos caracteres que el tamaño de la máscara, no se hará nada en relación con los caracteres que faltan. Además, los ceros a la izquierda se suprimir. Obligatoriamente el uso de este carácter es a la izquierda de la máscara cuando se utiliza junto con el X. |
9 | Representa un carácter numérico (0-9) |
A | Representa un caracter alfa numérico (A-Z,a-z) |
* | Representa cualquier carácter alfa-numérico (A-Z, a-z, 0-9) escrito por el usuario. |
Ejemplos de máscaras:
Campo | Máscara | Valor Cargado | Valor Formateado |
---|---|---|---|
Número de Teléfono | +99 99 9999 - 9999 | 123456789012 | +12 34 5678 - 9012 |
Número de Teléfono | (xx) xxxx - xxxx | 12345678 | (00) 1234 - 5678 |
Número de Teléfono | (xx) xxxx - xxxx | 1234567890 | (12) 3456 - 7890 |
Número de Teléfono | (zz) xxxx - xxxx | 12345678 | ( ) 1234 - 5678 |
Software Key (Apenas Letras) | AAAA-AAAA-AAAA-AAAA | QWERTYUIASDFGHJK | QWER-TYUI-ASDF-GHJK |
Software Key (Letras e Números) | xxxx-xxxx-xxxx-xxxx | Q1W2E3R4T5Y6U7I8 | Q1W2-E3R4-T5Y6-U7I8 |
Placa de Carro | AAA - 9999 | QWE1234 | QWE - 1234 |
Serial de Scriptcase | A999A999A999-** | D111H111G111DG2P | D111H111G111-DG2P |
Múltiples máscaras (Telefone) | 9999-9999;(99)9999-9999; | 9999 999 9999 | +99 99 9999-9999 |
Validar con la máscara
Habilitar esta opción es posible insertar los datos con la máscara que fue configurada en la opción Máscara de Exhibición.
Guardar variable
Permite grabar una variable de sesión ([variable global] [var_glob]) con el valor del campo, para ser utilizado en otras aplicaciones.
Por ejemplo, en el formulario de login el nombre del usuario puede ser guardado en sesión y exhibido en el encabezado de otras aplicaciones.
Nombre de la variable
En este atributo debemos definir el nombre de la variable de sesión, habilitado en el elemento anterior, que recibirá el valor del campo.
Debemos informar sólo del nombre de la variable, var_vendedor.
La recuperación del valor se hace en forma de [variável global][var_glob]{:target=’blank’}.
Tamaño en la base de datos
Establece el tamaño del campo en relación con el tamaño que se ha configurado en la base de datos. De forma predeterminada, este valor ya se configura automáticamente cuando se genera la aplicación.
Campo Oculto
Al habilitar esta opción, el campo en cuestión se ocultará en la aplicación en el momento de ejecución.
Campo Etiqueta
Habilitar esta opción, el campo se cambia a sólo una etiqueta donde se mostrará la información, no siendo posible realizar cambios o inserciones en el campo configurado como etiqueta.
Deshabilitar campo
Permite deshabilitar el campo, imposibilitando que el usuario escriba un valor de acuerdo con la opción definida por el desarrollador.
Las opciones disponibles son:
No - Valor inicial del atributo, esta opción no deshabilita el campo. Modo de Actualización - Esta opción deshabilita el campo sólo en la edición de los registros. Modo de inserción - Esta opción deshabilita el campo sólo inserción de nuevos registros. Modo de Actualización / Inserción - Esta opción deshabilita el campo tanto en la edición como en la inserción de nuevos registros.
Tipo de HTML
Objeto HTML utilizado para mostrar el campo en la aplicación.
Tipo de SQL:
Informa el tipo SQL del campo tal como está configurado en la base de datos.
Formato de los Valores
Utilizar la configuración regional:
Permite aplicar la configuración regional de formato de números al campo. Cuando no se selecciona, se mostrarán los atributos Agrupación, Señal negativa y Formato de número negativo.
Agrupación de Dígitos:
Define si el campo muestra la ficha de agrupación de dígitos.
Tamaño Máximo:
Permite al usuario determinar el tamaño máximo que se utilizará en el campo de aplicación.
Valor Mínimo:
Permite definir el valor mínimo del campo.
Valor Máximo:
Permite definir el valor máximo del campo.
Agrupamiento:
Define qué carácter se utilizará para la separación de miles. Esta opción sólo estará disponible cuando la opción de Usar configuración regional esté deshabilitada.
Signo negativo:
Define qué carácter se utilizará para la visualización de números negativos. Esta opción sólo estará disponible cuando la opción de Usar configuración regional esté deshabilitada.
Formato de número negativo:
Define el posicionamiento de la señal negativa en relación al valor. Esta opción sólo estará disponible cuando la opción de Usar configuración regional esté deshabilitada.
Aceptar:
Permite que el campo sólo acepte valores negativos, sólo positivos o ambos.
Mostrar Calculadora:
Muestra una calculadora para realizar cálculos.
Utilizar Giro:
Esta opción aplica un componente de Giro a campos de tipo de número. Así, el usuario final puede incrementar o decrementar los números que utiliza. También puede establecer una escala menor o mayor para el Giro.
Menor incremento de la vuelta:
Define el rango mínimo de la vuelta.
Mayor aumento de giro:
Define el rango máximo del giro.
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.
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
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
Propiedades CSS
Las opciones de configuración disponibles son básicamente las mismas para cada uno de los bloques de configuración mencionados anteriormente.
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).
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. - - 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 -! - 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.
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).
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
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:
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 ayuda
Configuraciones de Ayuda
Esta característica permite documentar el uso de las instrucciones para la aplicación generada, esto ayuda al usuario final a comprender mejor cómo funciona el sistema.
Interfaz de configuración de ayuda.
- Ayuda Descripción: Permite informar un texto que se presentará al usuario cuando coloca el mouse sobre el campo.
- Tipo de Ayuda
- Pop-Up : Al seleccionar el tipo de ventana emergente, se mostrará un ícono al lado del campo que, al hacer clic, verá una ventana emergente con la descripción de la ayuda.
Tipo de ayuda: interfaz de configuración Pop-Up.
- Sugerencia : Al pasar el cursor sobre el campo, verá una sugerencia con la descripción de la ayuda.
Tipo de ayuda - Interfaz de configuración de Sugerencia.
- Texto : Mostrará la descripción de la ayuda al lado del campo.
Tipo de ayuda - Interfaz de configuración de texto.