Veritran Docs

CSS Class

CSS o estilo invocado desde Style > Themes y aplicado al componente. Haz clic en el campo para abrir el menú desplegable y selecciona uno de los estilos disponibles.

Profile Option

Código aplicado en referencia al perfil de usuario de la app. Haz clic en el campo e introduce el código.

Tamaño HR

Tamaño de las líneas horizontales que dividen la cuadrícula. Para establecer el tamaño, haga clic en la flecha y seleccione grande, mediano o pequeño en el menú desplegable.

Color HR

Color de las líneas horizontales que dividen la cuadrícula. Para establecer un color, haz clic en el campo y escribe el código hexadecimal del color o haz clic en el ícono cuadrado de bordes redondeados para abrir el selector de color. En el selector de color, selecciona un color o haz clic en HEXA o RGBA, luego haz clic en el campo de la izquierda y escribe un código de color HEXA o RGBA, respectivamente.

Estilo HR

Estilo de las líneas horizontales que dividen la cuadrícula. Haga clic en la flecha y seleccione discontinua, punteada o continua en el menú desplegable.

Scroll

Atributo que define si el usuario de la app puede desplazarse para visualizar el componente si éste sobrepasa el área visual de la pantalla del dispositivo. Haz clic en la flecha y selecciona auto, yes, o no en el menú desplegable.

Cols

Número de columnas. Haga clic en el campo e introduzca el número de columnas que desea que aparezca el componente.

El número predeterminado de columnas es 0.

Visible

Atributo que define si el componente es visible en la app. Haz clic en la flecha y elige una opción del menú desplegable. Selecciona true para que el componente sea visible en la app o false para que no lo sea.

Important For Accessibility

Atributo que define si el lector de pantalla lee o ignora el valor definido en el atributo Texto de accesibilidad del componente. Haz clic en la flecha y selecciona una opción del menú desplegable. Elige true para que el lector de pantalla lea el componente o false para que el lector de pantalla no lea el componente. El valor por defecto es false.

Accessibility Text

Texto alternativo. Añade un texto breve para describir el componente a los usuarios que no puedan verlo. El texto será leído por iOS Voice Over o Android Talk Back. También puedes añadir el texto de accesibilidad al diccionario de traducciones o seleccionar una traducción existente si hay idiomas seleccionados en la configuración de tu app.Traducciones

Accessibility Order

Atributo que indica al lector de pantalla el orden en que debe leer los componentes. Para configurarlo, haz clic en el campo e introduce un número para definir el orden. Por ejemplo, si este componente debe leerse en tercer lugar, introduce el valor 3. Si no configuras un orden personalizado, los componentes se leen de arriba hacia abajo y de izquierda a derecha de la pantalla.

Position Type

Haz clic en la flecha y selecciona un tipo en el menú desplegable. Consulta la tabla a continuación para saber más sobre las opciones disponibles.

Propiedades de relleno

Espacio entre el borde del componente y el contenido del componente (valor). Introduce un valor para cada una de las propiedades de relleno: Padding Top, Padding Left, Padding Bottom and Padding Right. Puedes hacer clic en la flecha situada a la derecha de cada campo de relleno y seleccionar la unidad de medida deseada en el menú desplegable.

Propiedades de los márgenes

Espacio alrededor del borde de un componente. Introduzca un valor para cada una de las propiedades de margen: Margen superior, margen izquierdo, margen inferior y margen derecho. Para definir la unidad de medida, haz clic en la flecha del campo de la derecha y selecciona una opción del menú desplegable.

Alineación del texto

Haz clic en la opción de alineación deseada. Haz clic en la opción de alineación deseada: (de izquierda a derecha) justificada, izquierda, centrada o derecha , dependiendo de si desea que el texto se alinee con los bordes izquierdo y derecho, con el borde izquierdo, centrado entre los dos bordes del componente o alineado con el borde derecho. También puedes hacer clic en </> y escribir el código para establecer la alineación del texto manualmente.

Background Color

Para establecer un solo color para el fondo del componente, haga clic en el campo y escriba un código hexadecimal o haga clic en el icono cuadrado de bordes redondeados para abrir el selector de color. En el selector de color, seleccione un color o introduzca el código de color hexa o rgba.

Background Gradient

Gradiente de color definido para el fondo del componente. Para establecer el degradado, debes introducir la dirección del degradado (horizontal o vertical) y los códigos hexadecimales de los dos colores del degradado, todos separados por comas. Por ejemplo, para establecer un degradado en dirección horizontal, introduce lo siguiente: h,#673AB7,#949AC8. Para establecer un degradado en dirección vertical, introduce: v,#673AB7,#949AC8.

Background Image

Imagen aplicada al fondo del componente.

Para establecer la imagen, haz clic en el campo y escribe el nombre de la imagen, o haz clic en el ícono de la lupa para abrir el selector de imágenes. A continuación, selecciona una de las imágenes disponibles en la lista o utiliza la barra de búsqueda para encontrar una imagen por su nombre.

Resource Origin

Método a través del cual se carga el recurso referenciado por el componente. Rellena este campo si el componente seleccionado hace referencia a un recurso, como una imagen o un vídeo. Haz clic en la flecha y selecciona una de las opciones disponibles en el menú desplegable: elige L (Local) para recuperar el contenido codificado de los recursos locales o elige H (HTTP) para recuperar el contenido de los recursos del Comm Server.

Background Aspect Keep

Especifica si la imagen de fondo definida en el atributo Imagen de fondo debe mantener su relación de aspecto o estiramiento original para rellenar el tamaño total del fondo. Haz clic en la flecha y elige una opción del menú desplegable. Seleccione sí para que la imagen de fondo mantenga su aspecto o no para que se estire y ocupe el tamaño total del fondo.

Background Horizontal Align

Especifica la alineación horizontal de la imagen de fondo definida en el atributo Imagen de fondo con respecto al fondo del componente. Haga clic en la flecha y seleccione centro, izquierda o derecha en el menú desplegable.

Background Vertical Align

Especifica la alineación vertical de la imagen de fondo definida en el atributo Imagen de fondo con respecto al fondo del componente. Haga clic en la flecha y seleccione la parte inferior, media o derecha del menú desplegable.

Z-Index

Propiedad que define el orden de posición de los componentes. Si varios componentes se solapan, los componentes con un índice Z más alto se colocarán sobre los que tengan un índice más bajo. Este campo se rellena automáticamente.

Shadow offset-x

Introduce un valor para la sombra con respecto al eje X (horizontal), que considera el centro del componente como punto de partida. Si el valor es un número negativo, la sombra apuntará hacia la izquierda. Puedes hacer clic en la flecha situada a la derecha del campo de sombra y seleccionar una unidad de medida en el menú desplegable.

Shadow offset-y

Introduce un valor para la sombra con respecto al eje Y (vertical), que considera el centro del componente como punto de partida. Puedes hacer clic en la flecha situada a la derecha del campo de sombra y seleccionar una unidad de medida en el menú desplegable.

Shadow Blur Radius

Introduce un valor para la anchura del radio de la sombra. Puedes hacer clic en la flecha situada a la derecha del campo de sombra y seleccionar una unidad de medida en el menú desplegable.

Shadow Color

Para establecer el color de sombra, haga clic en el campo Color de sombra y escriba un código de color hexagonal o haga clic en el icono cuadrado de bordes redondeados para abrir el selector de color ubicado a la izquierda (icono cuadrado de bordes redondeados). En el selector de color, seleccione un color o introduzca el código de color hexa o rgba.

Target Var

Token en el que se almacenará el atributo Value del componente después de que el usuario de la app envíe los datos introducidos en un formulario. Para establecer un token, haz clic en el campo e introduce el número de token.

Tamaño VR

Tamaño de las líneas verticales que dividen la cuadrícula. Haga clic en la flecha y seleccione grande, mediano o pequeño en el menú desplegable.

VR Color

Color de las líneas horizontales que dividen la cuadrícula. Para establecer un color, haz clic en el campo y escribe el código hexadecimal del color o haz clic en el ícono cuadrado para abrir el selector de color. En el selector de color, selecciona un color o haz clic en HEXA o RGBA, luego haz clic en el campo de la izquierda y escribe un código de color HEXA o RGBA, respectivamente.

Estilo VR

Estilo de las líneas horizontales que dividen la cuadrícula. Haga clic en la flecha y seleccione discontinua, punteada o continua en el menú desplegable.

Pagination

Atributo que define cómo se cargan los datos en la cuadrícula de datos. Puede establecer este atributo siguiendo una de las dos formas descritas a continuación.

La primera forma es haciendo clic en la flecha y seleccionando una opción del menú desplegable. Elija true para habilitar la paginación y defina que los nuevos datos aparezcan una vez que el usuario de la aplicación se desplace hacia abajo, false para que la paginación no esté habilitada y todos los datos aparezcan sincrónicamente cuando se cargue el componente o completos para que todos los datos aparezcan asíncronamente cuando se cargue el componente. De forma predeterminada, el comportamiento del componente es falso.

La segunda forma es haciendo clic en el campo e ingresando un número superior a 0 para definir el número de registros mostrados por página, o ingresando 0 para que todos los datos aparezcan asíncronamente cuando se cargue el componente.

Posición del índice

Posición del índice de la cuadrícula de datos. Haga clic en la flecha y seleccione izquierda o derecha para colocar el índice a la izquierda o al lado derecho del componente.

Index Font Family

Familia de fuentes de texto o tipografía del índice de cuadrícula de datos.

Para establecer una familia de fuentes, haz clic en la flecha y selecciona una opción del menú desplegable. También puedes hacer clic en </> y escribir el código para establecer manualmente la familia de fuentes del texto.

Tamaño de fuente

Tamaño del texto del índice de cuadrícula de datos. Para establecer el tamaño, haga clic en el campo y escriba un valor. A continuación, haz clic en la flecha situada a la derecha del campo y selecciona una unidad de medida en el menú desplegable.

Peso de la fuente

Peso del texto del índice de cuadrícula de datos.

Para establecer el peso de la fuente, haz clic en la flecha y selecciona una opción del menú desplegable. La única opción disponible es la negrita.

IndexFontColor

Color del texto del índice de cuadrícula de datos.

Para establecer el color, haz clic en el campo y escribe un código de color hexadecimal o haz clic en el ícono cuadrado para abrir el selector de color. En el selector de color, selecciona un color o haz clic en HEXA o RGBA, luego haz clic en el campo de la izquierda y escribe un código de color HEXA o RGBA, respectivamente.

Estilo de fuente

Estilo de fuente de texto del índice de cuadrícula de datos.

Para definir el estilo de letra, haz clic en la flecha y selecciona una opción del menú desplegable. La única opción disponible es la cursiva.

Background Color

Para establecer un color, haz clic en el campo y escribe el código hexadecimal del color o haz clic en el ícono cuadrado para abrir el selector de color. En el selector de color, selecciona un color o haz clic en HEXA o RGBA, luego haz clic en el campo de la izquierda y escribe un código de color HEXA o RGBA, respectivamente.

Color

Color del texto. Para establecer el color, haz clic en el campo y escribe un código de color hexadecimal o haz clic en el ícono cuadrado de bordes redondeados para abrir el selector de color. En el selector de color, seleccione un color o introduzca el código de color hexa o rgba.

Font Size

Tamaño del texto. Para establecer el tamaño, haz clic en el campo y escribe el valor deseado. Consulte la tabla a continuación para obtener más información sobre los tipos de tamaños de texto y los valores disponibles.

Font Family

Familia de fuentes o tipo de letra del texto. Para establecer una familia de fuentes, haz clic en la flecha y selecciona una opción del menú desplegable. También puedes hacer clic en </> y escribir el código para establecer manualmente la familia de fuentes del texto.

Font Style

Estilo de fuente del texto. Para definir el estilo de letra, haz clic en la flecha y selecciona una opción del menú desplegable. La única opción disponible es la cursiva.

Font Weight

Peso de la fuente del texto. Para establecer el peso de la fuente, haz clic en la flecha y selecciona una opción del menú desplegable. La única opción disponible es la negrita.

Text Decoration

Decoración añadida al texto. Para fijar la decoración, haz clic en la flecha y selecciona una opción del menú desplegable. La única opción disponible es el subrayado.

Alpha

Transparencia u opacidad del componente. Introduce el valor para establecer la opacidad inicial del componente antes de que se ejecute la animación. El valor puede oscilar entre 0 y 1, considerando 1 como el valor que otorga el mayor nivel de transparencia.

Scale

Dimensión del componente. Introduce el valor para establecer la escala inicial del componente antes de que se ejecute la animación. Por defecto, el valor de escala es 1, que equivale al tamaño original del componente. El valor puede ser cualquier número empezando por 1.

On Load Effect

Animación ejecutada inmediatamente después de cargar la pantalla.

On Call Effect

Animación ejecutada al invocarla a través de un mensaje.

Background Image

Imagen aplicada al fondo del componente.

Para establecer la imagen, haz clic en el campo y escribe el nombre de la imagen, o haz clic en el ícono de la lupa para abrir el selector de imágenes. A continuación, selecciona una de las imágenes disponibles en la lista o utiliza la barra de búsqueda para encontrar una imagen por su nombre.