Texto

Configuración general

Este tipo de campo permite que el desarrollador cree de forma rápida entradas para la inserción y actualización de datos, donde el usuario final informe sus datos para que puedan ser asignados en la base de datos.

Tipo de Datos

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

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 de texto que en la tabla tiene el nombre nombre, el cliente tendría un mejor entendimiento de la funcionalidad del campo al definir la etiqueta como Nombre.

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.

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 el formulario está en modo de inclusió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.

Fecha del sistema: Al seleccionar esta opción, el valor inicial será la fecha actual del sistema de su ordenador.

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 izquierda, con el fin de garantizar la cantidad máxima de caracteres configurada.

Mostrar Contenido HTML

Al habilitar esta opción, se mostrará en el campo todo el contenido HTML, CSS y Javascript que se insertan en la base de datos junto con el valor principal.

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 Maximo definidos en Formatación 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 caracters:

Sin embargo, si informa 5 o más caracteres el campo será mostrado de esta forma:

Campo tipo Contraseña

Al habilitar esta opción, el campo de texto se convertirá al formato utilizado en los campos de contraseñas. Al ejecutar la aplicación, el texto escrito se convertirá al formato de contraseña, como el ejemplo:

Mostrar caracteres de contraseña

Al habilitar esta opción, se mostrará un botón en el campo de contraseña para que la contraseña se muestre al hacer clic.

Grabar variable

Permite grabar una variable de sesión(variable 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 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_rating.

La recuperación del valor se hace en forma de variablel global.

Mascara de Exhibición:

Define la máscara de visualización del campo. Son dos los tipos de máscara descritos en la siguiente tabla:

Por ejemplo, puede configurar la máscara para ver un número de teléfono:

Aparecerá el siguiente formato en la ejecución:

También puede configurar la máscara de visualización de la siguiente manera:

Ejemplos de máscaras:

Validar con 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. .

Completar la izquierda con

Al realizar la configuración de esta opción, el valor definido será agregado al comienzo de la información insertada en el campo si el valor es menor al máximo configurado en la opción Tamaño Máximo..

Tamaño del Campo

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.

Guardar las tags HTML

Al habilitar esta opción, permite que las etiquetas HTML que se inserta en el campo se inserta junto con el dado, en lugar de ser interpretado.

Entrada de texto en Javascript

Habilitando esta opción, se mostrará en el campo todo el contenido Javascript que se inserta en la base de datos junto con el valor principal.

Esta opción sólo se ejecuta utilizando el formato Grid Editable View.

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 HTML

Objeto HTML utilizado para mostrar el campo en el formulario.

Tipo SQL

Informa el tipo de campo en la base de datos.

Comportamiento del campo

Usar Autocompletar

El campo adopta la función de autocompletar automáticamente en función de los valores existentes en la base de datos.

Usar Select2

Utiliza el nuevo componente para la selección de datos, permitiendo búsquedas dentro de la selección.

Ancho para el Select2

Establece un ancho para el área para Select2.

Cantidad de caracteres

Establece la cantidad de caracteres para iniciar la búsqueda.

Cantidad de filas

Establece el número máximo de filas para listar el resultado de la búsqueda.

Opciones de búsqueda

Define la validación que se realizará para recuperar el resultado de la búsqueda.

Empezado por: Se traerá los resultados con el inicio igual al de la búsqueda.
Cualquier parte: traerá los resultados donde existe la búsqueda en cualquier parte del registro.
Final igual: traerá los resultados con el final igual al de la búsqueda.

Convertir letras

Esta opción permite que el desarrollador informe cómo se mostrará el texto en el momento de la ejecución.

Las opciones disponibles son:

Minuscúla: Todas las letras del texto se convertirán a minúsculas.

Mayúsculas: Todas las letras del texto se convertirán a mayúsculas.

Primera palabra en mayúscula: La primera letra de la primera palabra se convertirá a mayúscula.

Capitalizar todas las palabras: La primera letra de todas las palabras Se convertirá a mayúsculas.

Texto entre los valores:

Texto que aparecerá cuando utilice la condición de filtro entre dos valores.

Enviar onChange:

Enviar búsqueda en este campo cuando cambiado.

Mostrar la condición:

Para mostrar o no la condición de búsqueda. Sólo funciona si la búsqueda tiene una condición.

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

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.

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 ayuda

Define qual és el tipo de ayuda.

Sugerencia

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

Texto

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

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.

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].

Tippy

Muestra un icono estándar ? junto al campo. Al pasar el mouse sobre el ícono, el mensaje se mostrará de una manera más fácil de usar.

Configuración del tipo de ayuda (Tippy)

• Descripción de ayuda: Define dónde se mostrará el botón de ayuda del campo.

• Posición del botón de ayuda: define la posición de visualización de la sugerencia de Tippy en relación con el icono de ayuda del campo.

• Tiempo para abrir hin Tippy: Define el tiempo en milisegundos para que se muestre la sugerencia de Tippy después de que el mouse pasa sobre el ícono de ayuda.

• Tiempo para cerrar Tippy: establece el tiempo en milisegundos para que la sugerencia de Tippy esté oculta después de que el mouse abandona el ícono de ayuda.

• Ancho del hint Tippy: establece el ancho de la sugerencia Tippy en píxeles.

Posición del botón de ayuda (Excepto Tippy)

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.