Acciones

Introducción

Los usuarios finales pueden desencadenaracciones para realizar un conjunto de pasos. Por ejemplo: ir a una página web, navegar a otros paneles, cambiar filtros, etc. Las acciones se pueden utilizar para proporcionar más interactividad en una aplicación.

Crear una acción

Puede crear, por ejemplo, una acción que permita a los usuarios finales ir de un panel a otro. Antes de crear una acción para navegar a un panel, se debe conocer el ID del destino que se utiliza para navegar.

Sigue estos pasos para encontrar el ID del panel de destino.

Paso	Acción
1	Abre la aplicación en tu entorno de desarrollo y ve a la pestaña Paneles.
2	Haga clic con el botón derecho en el panel al que desea navegar desde una acción y seleccione Editar ....

Se mostrará el cuadro de diálogo Editar panel , con las propiedades del panel. Consulta la siguiente ilustración.

Sigue estos pasos para definir una acción.

Paso	Acción
1	Ve a la pestaña Gráfico .
2	Haga clic con el botón derecho en la tabla en la que desea crear una acción y seleccione Nueva acción ...
3	Haz clic con el botón derecho en el panel para añadir acciones y haz clic en Nuevo paso - Ir al panel.
4	Introduce la expresión: `dashboard(target-dashboard-ID)` (donde target-dashboard-ID debe reemplazarse por el ID del panel de destino).
5	Haz clic en `expression` junto a Pista e introduce el texto que se mostrará cuando el usuario se desplace sobre la acción. Por ejemplo `'Go to target dashboard'`. (es decir incluyendo las citas). Haz clic en Aceptar.
6	Introduzca un nombre para la acción y haga clic en CERRAR.

Acciones posteriores

Una acción puede constar de varios pasos. Por ejemplo, después de ir a un panel, se puede mostrar un mensaje en la pantalla. Esta sería una acción con dos pasos. Consulta la siguiente ilustración.

Usar una acción en un panel

Para usar la acción, debe colocarse en un panel donde el usuario final pueda hacer clic en ella.

Sigue estos pasos para utilizar una acción en un panel.

Paso	Acción
1	Ve a la pestaña Paneles y selecciona el panel en el que deseas habilitar la acción.
2	Haga clic con el botón derecho en el gráfico en el que desea colocar la acción y seleccione Editar ....
3	Ve a la pestaña Avanzado en el cuadro de diálogo Editar elemento del panel.
4	Dependiendo de dónde desee colocar el icono, haga clic en `none` junto a Acción en Acción derecha o Acción izquierda y seleccione la acción que desea colocar en el panel.
5	Haz clic en el icono vacío junto al Icono y selecciona el icono que quieres mostrar para la acción en la lista desplegable. Consulta la siguiente ilustración.
6	Haz clic en Aceptar.

La acción ahora está disponible para el usuario final. Consulta la siguiente ilustración.

Cuando el usuario final haga clic en el icono de la acción, se mostrará el panel de destino y un mensaje.

Enlaces externos

Además de la navegación interna en la aplicación, también es posible incorporar acciones que enlacen con componentes externos.

Siga estos pasos para crear una acción para abrir una URL.

Paso	Acción
1	Ve a la pestaña Datos y haz clic en la tabla `Globals` .
2	Haz clic con el botón derecho en `Globals` en la lista de atributos y selecciona `New action…`.
3	Introduce un nombre en el campo Nombre.
4	Haz clic en `expression`, junto a Sugerencia e introduce un texto para que se muestre cuando el usuario pase el ratón por encima de la acción. Por ejemplo, `'Open UiPath.com'` (es decir, incluyendo las comillas) Haz clic en Aceptar.
5	Haga clic con el botón derecho en el panel de agregar acción y seleccione Nuevo paso - Abrir URL.
6	Haga clic en la expresión `'https://example.com'` e introduzca una URL válida, por ejemplo `'https://uipath.com/'` (es decir,incluyendo las comillas) Haga clic en Aceptar y CERRAR.

Usar una acción en un panel HTML

Las acciones se pueden desencadenar desde un panel HTML. Con el atributo data-mv-onclick HTML, se puede especificar una acción para que se active cuando un usuario final haga clic en el elemento HTML especificado. El atributo HTML data-mv-onclick tiene un argumento: el UID de una acción. Al igual que el atributo predeterminado de un selector, el UID de una acción se puede determinar con uid(ID_OF_ACTION).

Siga estos pasos para usar una acción en un panel HTML.

Paso	Acción
1	Crear un panel nuevo con un panel HTML .
2	Ve a la pestaña HTML y haz clic en `expression` junto a Expresión en el panel General .
3	Introduzca una expresión para definir el atributo HTML `data-mv-onclick` . Consulta el siguiente ejemplo.
4	Haz clic en Aceptar.

<<<<
<div
    data-mv-onclick=">>>> + uid(Go_to_target_dashboard) + <<<<"
>
    
        Click to go to target dashboard.
    
</div>
>>>><<<<
<div
    data-mv-onclick=">>>> + uid(Go_to_target_dashboard) + <<<<"
>
    
        Click to go to target dashboard.
    
</div>
>>>>