activities
latest
false
Importante :
Este contenido se ha localizado parcialmente a partir de un sistema de traducción automática. La localización de contenidos recién publicados puede tardar entre una y dos semanas en estar disponible.
UiPath logo, featuring letters U and I in white

Actividades del flujo de trabajo

Última actualización 20 de dic. de 2024

Desplazarse por componentes de cuadrícula de datos

Cuando se crea una cuadrícula de datos con más de 12 componentes de campo de texto dentro, la cuadrícula de datos se vuelve demasiado ajustada para mostrar el contenido. Este tutorial muestra cómo desplazarse por la cuadrícula de datos.

Tutorial

Para desplazarse por un componente de cuadrícula de datos :

  1. Cree un archivo CSS que contenga dos clases para desplazarse por la cuadrícula de datos y para ampliar los componentes del campo de texto . La propiedad overflow-x: scroll te permite desplazarte por la cuadrícula de datos. La propiedad min-width: 300px aumenta los campos de texto para mostrar el contenido que contienen.

    Copia y pega el siguiente código en tu archivo CSS:

    .my-data-grid
    {
       overflow-x: scroll;
    }
     
     
    .my-data-grid input 
    {
       min-width: 300px;
    }.my-data-grid
    {
       overflow-x: scroll;
    }
     
     
    .my-data-grid input 
    {
       min-width: 300px;
    }
  2. Ve a la propiedad RutaDeArchivoCSSLocal en la actividad Crear formulario e introduce la ruta al archivo CSS creado (por ejemplo, "/file://C:/User/theCssFile.css").

También puede almacenar la ruta del archivo CSS local como variable e introducir el nombre de la variable en el campo RutaDelArchivoCSSLocal .

3. Vaya a la pestaña Visualización del componente Cuadrícula de datos . 4. En el campo Clase CSS personalizada , escribe el nombre de la clase CSS personalizada configurada en un archivo así: my-data-grid. Esto vincula los datos del archivo CSS a su formulario.


5. Guarde el componente y el formulario.

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o tener una referencia futura, descargue el ejemplo de XAML

  • Tutorial
  • Flujo de trabajo de muestra

¿Te ha resultado útil esta página?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Uipath Logo White
Confianza y seguridad
© 2005-2024 UiPath. Todos los derechos reservados.