Follow

Attaching the Time Entry Micro App to PeopleSoft

Table of Contents

 

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.

 

PS1.png

 

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

 

PS2.png

 

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

 

Open the page Automations dialog.

 

PS3.png

 

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

 

PS4.png

 

Select the Internal connections option for the automation trigger.

 

PS5.png

 

Then select the Date Picker button as the trigger.

 

PS6.png

 

For the New automation step, select the Refresh button.

 

PS7.png

 

And click the blue checkmark button to confirm.

 

PS8.png

 

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

 

PS9.png

 

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

 

PS10.png

 

 

 

View timesheet by Calendar Period

 

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

 

PS11.png

 

PS12.png

 

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.

 

PS13.png

 

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.

 

PS14.png

 

 

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

 

PS15.png

 


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.

 

PS16.png

 

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

 

PS17.png

 

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).

PS18.png

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

 

PS19.png

 

Here’s the full script:

 

PS20.png

 

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.

 

PS21.png

 

Before attaching the ghost table:

 

PS22.png

 

After attaching the ghost table:

 

PS23.png

 

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.

 

PS24.png

 

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.

 

PS25.png

 

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

 

PS26.png

 

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:

 

PS27.png

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.