Add/Modify Activity Events

Add New Event

Apty provides an advantage for clients or partners to add new events for the activity created even after capturing the screen. This can be done by following the below steps,

Step 1: Click on Edit Events

Click on Edit Events and find all the captured events.

Note: If the frame is Not connected, navigate to the correct page in host application to make the frame connected.

Step 2: Select New event

Click on ellipsis icon (three vertical dots) and select New Event.

Once you select New Event the control will be passed to the application page in the browser, from there select the required event to be added in the activity.

Modify Events

Clients or partners can modify the event if they find the captured event is incorrect. Apty provides options to Re-Select the event not only by selecting the Element but also by adding CSS, Xpath or Custom Script.

Step 1: Click on Edit Events

Click on Edit Event to find all the captured events.

Step 2: Click on Re-Select

Click on ellipsis icon (three vertical dots) against the respective event and from the dropdown click on Re-Select option. Select the type in which the event needs to be added. One of them representing manual selection by pointing to the element in the browser window, and three others working through element identifiers that can be accessed and retrieved through the Developer tools in the browser.

Element Selection

With the Element selection option, the control is transferred to the browser window. Now, select the event which needs to be added in the activity.

Custom Script

CSS Selector

XPath

Custom Script, CSS Selector and XPath identifiers can be retrieved by accessing Developer Tools in your browser. To access Developer Tools in Chrome, use the following keyboard shortcuts:

Windows: Control+Shift+I
Mac: Command+Option+I

To access any if the identifiers, follow the steps below:

1. In the Developer tools switch to the Elements tab.

2. Choose the "Select an element on the page to inspect it" mode by clicking the button.

3. Hover over the required element on the screen. The HTML code of this element is going to be displayed in the Developer Tools area.

4. Right-click the highlighted element code displayed at the Developer Tools area and in the context menu go to Copy > Copy Selector / Copy JS path / Copy XPath.

To use the retrieved identifiers in the Apty Studio:

Custom Script

Select Custom script option from the drop-down list in the Apty Studio. In the displayed window type "return" and paste the copied code snippet.

CSS Selector

Select CSS Selector option from the drop-down list in the Apty Studio. In the displayed window paste the copied code snippet.

XPath

Select XPath option from the drop-down list in the Apty Studio. In the displayed window paste the copied code snippet.