Cabeza de rejilla de datos
El componente Data Grid Head le permite agregar un encabezado a la cuadrícula de datos. Este componente solo se puede configurar y usar una vez agregado a un componente de rejilla de datos. Consulta las secciones a continuación para obtener más información.
Atención
Para establecer un encabezado en la cuadrícula de datos, arrastre y suelte el componente Data Grid Head dentro del componente Data Grid.
Atributos
En el panel derecho, puedes configurar diferentes atributos para personalizar el componente. Consulta las secciones a continuación para obtener más información.
Design
En la pestaña Design, puedes configurar la información básica del componente seleccionado y los atributos que determinan el aspecto que tendrá el componente en la app. Consulta las secciones a continuación para obtener más información.
Actions
En la pestaña Actions, puedes establecer animaciones para los componentes de la pantalla de tu app y determinar cómo el usuario invoca efectos y desencadena acciones mientras interactúa con la app. Consulta las secciones a continuación para obtener más información.
Advanced
No hay atributos disponibles para su configuración en la pestaña Advanced para el componente Map Route.
Célula de cabecera de cuadrícula de datos
En esta sección, puede definir los atributos de celda relacionados con su tamaño, contenido de texto, estilo y eventos. Consulte la tabla siguiente para aprender a configurar una celda de encabezado.
Width | Ancho del borde. Escriba un número para establecer el ancho. Para definir la unidad de medida, haz clic en la flecha del campo de la derecha y selecciona una opción del menú desplegable. | ||||||||||||||||
Altura | Ancho del borde. Escriba un número para establecer el ancho. Para definir la unidad de medida, haz clic en la flecha del campo de la derecha y selecciona una opción del menú desplegable. | ||||||||||||||||
Font Size | Tamaño del texto de la celda. 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. | ||||||||||||||||
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. | ||||||||||||||||
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. | ||||||||||||||||
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. | ||||||||||||||||
Alineación vertical | Posición del contenido de la celda. Haga clic en el campo y seleccione una opción en el menú desplegable para definir la posición del contenido dentro de la celda. Las opciones disponibles son: bottom, middle y top. | ||||||||||||||||
Background Color | 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. | ||||||||||||||||
Background Gradient | Haz clic en el botón de opción Gradient para establecer un degradado de color para el fondo del componente. Haz clic en cada uno de los íconos cuadrados 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 para formar la gradiente de color. Haz clic en Switch direction para invertir el orden de los colores seleccionados para el degradado. Haz clic en Change to horizontal direction o Change to vertical direction para definir la dirección del degradado en posición horizontal o vertical, respectivamente. NotaSi estableces un color de fondo, no se aplicará el degradado. Recuerda que debes completar una de las dos opciones. | ||||||||||||||||
Background Image | Haz clic en la casilla Image para añadir una imagen al fondo del componente. Puedes utilizar una imagen de fondo con las opciones de fondo flat y gradient. Haz clic en el campo Background Image y escribe el nombre de la imagen de fondo, o haz clic en Select an image para abrir el selector de imágenes. Selecciona una de las imágenes de 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. | ||||||||||||||||
Expires | Indica la forma y validez de la caché del recurso HTTP definido. Por defecto, no se define ningún valor. Si el campo permanece vacío, la imagen se descargará cada vez que se utilice. Para definir este atributo, haz clic en el campo e introduce el valor deseado. Consulta la tabla a continuación para obtener más información sobre los valores que se pueden configurar.
SugerenciaIndependientemente de este atributo, si el usuario de la app elimina la app o sus datos, las imágenes almacenadas en caché también se eliminarán. | ||||||||||||||||
Propiedades de relleno | Espacio entre el borde de la celda y el contenido de la celda. Introduce un valor para cada una de las propiedades de relleno: Padding Top, Padding Left, Padding Bottom and Padding Right. Para definir la unidad de medida, haz clic en la flecha del campo de la derecha y selecciona una opción del menú desplegable. | ||||||||||||||||
On Click | Atributo que define un evento o acción que se activará al hacer clic en la celda. Para saber cómo configurar el evento o la acción que se activará, lea la sección Eventos y acciones en Acciones. | ||||||||||||||||
Position | Posición de la celda dentro de la fila. Haga clic en el campo e introduzca el número de posición. |