Attaching the Time Entry Micro App to PeopleSoft

Table of Contents

• Introduction
• Attaching the date picker
• View timesheet by Calendar Period
• Attaching the ‘+’ button to add a new project to the timesheet
• Attaching and interacting with the Cancel button on the Add Project page

 

Introduction

 

If you’re building a Time Entry Zapp using the universal micro app and your source application is PeopleSoft, there are several enhancements in the micro app that are specific to PeopleSoft. In addition, there are a few nuances in how you should attach the micro app that are also specific to PeopleSoft.

 

The following article describes the differences you should be aware of and the steps you should follow when attaching the Time Entry micro app.
The article relies on the general flow of attaching a Time Entry micro app described in this article and only emphasizes the differences.

 

 

Attaching the date picker

 

In PeopleSoft, when selecting a date from the calendar to change the time period, you must click the Refresh button for the weekly view to actually change.
Therefore, after you attached the Date Picker control to the one on the web, you then need to grab the Refresh button next to it as well and add an automation for it.

 

Select the Button type from the Controls toolbar and grab the Refresh button.

 

 

Open the button ILE and turn off the Display option so the button will not be visible to the user.

 

 

Now add the automation to click on the button after selecting a different date.

 

Open the page Automations dialog.

 

 

 

Click the ‘+’ button in the top right corner to add a new automation.

 

 

Select the Internal connections option for the automation trigger.

 

 

Then select the Date Picker button as the trigger.

 

 

For the New automation step, select the Refresh button.

 

 

And click the blue checkmark button to confirm.

 

 

Finally, click on the checkmark button on the top right corner of the Automations dialog to confirm the new automation.

 

 

A new automation is created so when a user selects a date from the calendar, the Apply button will be clicked automatically.

 

 

 

 

View timesheet by Calendar Period

 

PeopleSoft provides the user with multiple ways to view a timesheet.

 

 

 

By default, View By Week is selected, which means, that by default, the weekly view of the timesheet will start from the date the user selected.
For example, if the user selected Wednesday, 08/23/2017, the weekly view will be Wednesday to Tuesday.

 

 

If you wish to make sure that the weekly view will always be Monday to Sunday, for example, you will need to create an automation to select View By Calendar Period when the user first enters the timesheet page. When View By Calendar Period is selected, the weekly view will always show the week of the selected date, regardless of the selected day of the week.

For example, if the user selected Wednesday, 08/23/2017, the weekly view will show Monday to Sunday of that week.

 

 

 

To create the automation, first grab the View By dropdown, then hide it (turn off Display) in the ILE.

 

 

Add a new automation.

Since this only needs to be done once, the automation trigger can be "Page loads from some connection" and select the Sign In page.

 

 

Add an automation step to select “Calendar Period” from the View By dropdown.

 

 

And add another automation step to click on the Refresh button (see previous section about attaching the date picker for reference to the Refresh button).

Don’t forget to click on the blue checkmark buttons to confirm the automation steps and add the new automation.

 

 

Attaching the ‘+’ button to add a new project to the timesheet

 

When building a Time Entry Zapp on PeopleSoft, the ‘+’ button on the mobile page needs to be attached to the ‘+’ button in any one of the rows in the table (it’s not important which button is attached, any one of them is good).

The button itself also contains a short script to identify the first empty row in the timesheet table on the web.

 

 

Here’s the full script:

 

 

Now simply click the ‘+’ button to connect it to the next page, the Add Project page.

 

 

Attaching and interacting with the Cancel button on the Add Project page

 

In the Add Project page, you’ll note that the Cancel button requires to be attached to the delete column in the timesheet table. Similarly to the fields representing the project details, the column with the ‘-’ icon should be attached as well and will be connected to the Cancel button.

 

 

Before attaching the ghost table:

 

 

After attaching the ghost table:

 

 

Note that the Cancel button is now attached to the Delete column.

 

 

Clicking Cancel in the Add Project page

When you click on the Cancel button in the Add Project page, since you’re clicking on the row’s ‘-’ button on the web application, PeopleSoft will prompt you to confirm you wish to delete the row.

 

 

Since the user does not know the project row is already added, we recommend to automate through this delete confirmation.

 

Click on the Cancel button in the Add Project page, and when prompted, select a new page.

 

 

Grab the “Yes - Delete” button and click it.

 

 

A click automation will be created for this page.

When prompted, connect back to the timesheet page.

 

Alternatively, if you wish to be extra careful and allow the user to be sure before canceling adding a new project, you can grab this dialog and style it as a modal.

For example: