Veritran Docs

[en] 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 Accessibility Text 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.

[en] Accessibility Text

Alternative text. 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 los ajustes de tu rama.Settings

[en] 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 de posición en el menú desplegable. Consulta la tabla a continuación para saber más sobre las opciones disponibles.

[en] Scale Type

Atributo que define el comportamiento de la escala aplicada a los límites del componente. Haz clic en la flecha y selecciona una opción del menú desplegable. Consulta la tabla a continuación para saber más sobre las opciones disponibles.

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.

[en] You can also set the opacity percentage outside the color picker in the Opacity field. If you previously selected a color in the color picker, the opacity is set in 100 by default. If no color was selected, this field is empty. To modify it, click the field and enter the desired percentage.

[en] Animation

[en] JSON file exported through the BodyMovin plug-in that includes the animation that the component will execute.

[en] States

[en] JSON file that applies additional parameters to the animation by dividing it in states.

[en] Speed

[en] Speed at which the animation is executed. Click the field and define the speed scale using numbers (including decimals), where the value 1 is the normal speed of the animation. For example, if you enter 2 as the value, the speed will be two times the normal speed, or if you enter 0.5 the speed will be half the normal speed.

[en] Initial State

[en] Defines the state with which the animation starts.

[en] Loop

Define si el vídeo de animación se reproduce en bucle. Haz clic en la flecha y elige una opción del menú desplegable. Selecciona true para que la animación se reproduzca en bucle o false para que no se reproduzca en bucle.

[en] Repeat Mode

[en] Defines the behavior of the animation loop. Click the arrow and choose an option from the drop-down menu. Select Restart so that the animation is executed from the start every time it is repeated or select Reverse so that the animation is executed in reverse every time it is repeated.

[en] Src

[en] Id of the video to be displayed in the component. To set the video, click the field and type the name of the video, or click the magnifying glass icon to open the file picker. Then, select a video from the list, or use the search bar to find a video by name and click it.