Acciones

Introducción

Los usuarios finales pueden desencadenar acciones 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	Haz clic derecho en el panel al que deseas navegar desde una acción y selecciona Editar....

Se muestra el cuadro de diálogo Editar panel , que muestra 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	Haz clic con el botón derecho en la tabla en la que deseas crear una acción y selecciona Nueva acción....
3	Haz clic derecho en el panel de acción adicional 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 Sugerencia e introduce un texto para que se muestre cuando el usuario pase el ratón por encima de la acción. Por ejemplo 'Go to target dashboard'. (es decir incluidas las comillas). Haz clic en Aceptar.
6	Introduce un nombre para la acción y haz 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	Right click on the chart on which you want to place the action and select Edit....
3	Ve a la pestaña Avanzado en el cuadro de diálogo Editar elemento del panel .
4	Dependiendo de dónde quieras colocar el icono, haz clic en none junto a Acción en Acción derecha o en Acción izquierda y selecciona la acción que deseas colocar en el panel.
5	Haz clic en el icono vacío junto a Icono y selecciona el icono que deseas 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 incluidas las comillas) Haz clic en Aceptar.
5	Haz clic derecho en el panel de acción adicional y selecciona 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 incluidas las comillas) Haz clic en Aceptar y CERRAR.

Usar una acción en un panel HTML

Las acciones pueden desencadenarse desde un panel HTML. Utilizando el atributo data-mv-onclick HTML, se puede especificar una acción 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. De forma similar al atributo predeterminado en un selector, el UID de una acción puede determinarse con uid(ID_OF_ACTION).

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

Paso	Acción
1	Crea un nuevo panel 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>
>>>>

Esto crea un panel HTML que, al hacer clic, desencadena la acción Go_to_target_dashboard.