The views expressed on this blog are my own and do not necessarily reflect the views of Oracle.

Wednesday, 20 April 2016

Creating a simple Two Panel Layout in Fluid

Two panel layout is one of the simplest and most needed layout in Fluid applications, especially in application where it requires more than one page to display the data. In two panel layout there are two parts to the page, a left panel which displays the master list or summary or title for a transaction and a right panel where the actual data is displayed. The left panel will be a collapsible one so that we get more space to display the detailed data on smaller form factors. Whenever you need to get details on other items on the master list, you can pull up the left panel and make the selection. Although this is the common practice, you could very well design your application to show other details or statistics on the left panel.

Let us see how we can build a two panel layout. Also please make a note that depending on the tools version 8.55 or 8.54 you have different methods to create a two panel layout. 8.55 version has the most simplistic and better solution for two panel layout. I will be getting into the details of how this can be created in 8.55 and may be try to provide some tips about getting this done in 8.54.

The steps to create a sample two panel application with navigation items on left and details on the right is as follows.

Step 1: Create a new page (of course of Fluid Type). Select the Default layout and name it as SIDE1.

Create new PeopleSoft Fluid page


Step 2: Go to the page properties, USE tab and select page Type as Side Page 1.

PeopleSoft Side Page


Step 3: Now create three more Fluid pages with name PAGE1, PAGE2 & PAGE3 with default layout option and save these.

Step 4: If you do not already have a record to show the links and push buttons, create one as you do for classic development. Here for example I have created a dummy record with two fields.



Step 5: Now open the SIDE1 page and create a grid with these two fields (one being push button and the other one display only).

PeopleSoft Grid


Step 6: Select the Push button properties, go to USE tab and check the property “Execute PC on Row/Group Click”. On the Fluid tab provide the default style name as “psc_invisible”.
PeopleSoft Fluid Tab



Step 7: Go to the Grid properties. On the General tab, select “Unlimited occurs count”. On the Label tab, uncheck all the check boxes. On the Use tab select “No Auto Select”, “No Auto Update”, “No Row Insert” & “No Row Delete” properties. Select the grid layout as “Original Flex Grid”.

PeopleSoft Grid Properties


Step 8: On the pages PAGE1, PAGE2 & PAGE3 put a static label “Page 1”, “Page 2” “Page 3” respectively to distinguish the pages. Later you can replace it with the actual application content.

Step 9: Create a component to include all these pages with INSTALLATION as search record. On the Internet tab uncheck “Display Folder tab”. Make sure “Fluid Mode” is checked in the Fluid tab of component property.



Step 10: On component Post Build event write a PeopleCode something like as provided below. You must be replacing it with your record and field names.

The idea here is to generate the list of links.

Local Rowset &rsLeft = GetLevel0()(1).GetRowset(Scroll.TWO_PNL_DVW);
&rsLeft(1).TWO_PNL_DVW.DESCR.Value = "Go to Page1";
 &rsLeft.InsertRow(1);
&rsLeft(2).TWO_PNL_DVW.DESCR.Value = "Go to Page2";
&rsLeft.InsertRow(2);
&rsLeft(3).TWO_PNL_DVW.DESCR.Value = "Go to Page3";

Step 11: Write the application logic peoplecode you want to execute when the user clicks on the select button. Example code is provided below.


Evaluate CurrentRowNumber()
When 1
   TransferPage(Page.PAGE1);
   Break;
When 2
   TransferPage(Page.PAGE2);
   Break
When 3
   TransferPage(Page.PAGE3);
   Break;
End-Evaluate;

Step 12: Register your component and give necessary permissions.

Step 13: Test out your Two Panel layout sample application

PeopleSoft Two Panel Layout



If you are Tools 8.54 release, you have to create a page with layout PSL_TWOPANEL and create subpages for the side panel and detail panel and then place it under the correct group boxes. Also you may need to ensure that you are placing the sub pages on the correct level as well.

Friday, 18 March 2016

Welcome to PeopleSoft Fluid Application Development

It has been long time since I have written on PeopleSoft technical topic.  I have thought of starting of with Fluid Application development this time. PeopleSoft Fluid or New generation User Interface (NUI) is a facelift to the PeopleSoft application development. With PeopleSoft Fluid, the UI looks modern and at the same time the UI adapts to itself on various form factors.

If you are on a People Tools release 8.54 or higher, you could start developing PeopleSoft Fluid applications. The Fluid development is based on HTML5 & CSS3 technologies. So apart from People Tools development knowledge, the developer is expected to have bare minimum knowledge on HTM5, CSS3 and occasionally JavaScript.

In this post let us start with creating a very simple fluid application.

Step 1: Be Ready with your records & fields needed for the application.

Step 2: Create New Page. You have to select the new option “Page (Fluid)” for fluid development.

PeopleSoft Fluid Page


Step 3: You will see a bunch of options to select from. Select PSL_APPS_CONTENT to start with a very basic page. These options you see here are pre-defined page structures or templates. Give a name to the page and save it.

Step 4: Now we drag and drop the two field we intended to have on the application to the page. Unlike the classic development, the position of the fields on the page on app designer doesn’t matter much. So you can pretty much put the fields anywhere on the scroll level based on the required tab order. Once you are done with the page, save it.

PeopleSoft Fluid Page


Step 5: Create a component and insert the page into the component. Now the important step is to go to Fluid tab on the component properties and select the Fluid Mode check box.

PeopleSoft Fluid Component


Step 6: Now register the component after adding it to a menu and give necessary permissions.

Step 7: Now it is time to test our fluid page. As you can see your fields are automatically arranged in PIA although you have not put the fields in order in the App Designer.

PeopleSoft Fluid Component


Step 8: Our sample application is now displaying one field per line (single column layout). Let us modify it and make it to two column layout. For that open the page field properties of both the fields, go to Fluid tab and provide the value “psc_columnitem-1of2”  for the field “Default Style Name” and save the page.

PeopleSoft Fluid Component


Step 9: Now you reload the PIA page and observe that the fields are now listed in a two column style. If you resize the browser to small size, you can observe that the fields re-align automatically to single column style to adjust to the form factor.

PeopleSoft Fluid Component


Yes, we have now developed a very basic fluid application to start with.





Saturday, 26 December 2015

What is new in People Tools 8.55?

Oracle has released its next version of the proprietary application development tool People Tools 8.55. The latest version brings in many new features most of which are concentrated on the mobile application or fluid user interface development. There is lot more capabilities brought forward in the fluid and search front. The list provided below give some of the major improvements with 8.55. This is not a complete list and in order to obtain the same or to get additional details on each of the items, kindly visit the Oracle official website or contact the Customer Support.

PeopleSoft People Tools 8.55

Fluid Enhancements
  • Activity Guide – The Activity Guide is a step by step process configuration linking multiple related components in PeopleSoft. This was a functionality introduced in one of the recent versions of People Tools. Now this capability has been extended to fluid interface which makes the use of Activity Guide seamless irrespective of the device used.

  • Master Detail Structure – This new feature makes it easier to develop fluid components containing multiple pages. The Tools will automatically design a side panel or a pull down menu in the header based on the form factor of the device.

  • Push Notifications – This functionality was introduced in 8.54 which will display real time notification on the header bar similar to the facebook notification or other similar networking sites. Now with the latest version of the Tools, this capability can be extended to see native app kind of notification in mobile devices.

  • Navigation Bar – is enhanced to adopt better to the small form factor devices.

  • Related Contents – Now you can associate Related Contents to fluid components as well. The related content will appear as a side page which can be pulled from the right hand side. There is also a new capability to embed related contents within application pages.

  • Interactive Tiles – will enable the user to take some action from the tile itself even before going inside the tile.

  • Other Tile Features – Now you can even display external contents inside a PeopleSoft tile. There is also lot many new options to size your tile in the dashboard. Also there is a tile wizard in place which will make the creation of tiles easier.

  • My Preferences – With Tools 8.55 the My Preferences became a centrally controlled one and People Tools automatically adds your custom preference page if you have registered it under the right folder.

  • Pivot Grids – is enhanced more to add additional capabilities such as mini charts for filters, drilling urls, application of thresholds, display of currency symbols and so on.

Application Designer

  • UI Related – Application Designer undergoes minor UI changes such as displaying line number of the code editor, retaining Find-In Results and displaying DB name even in the editor mode.

  • Find In – will now allow you to filter based on more additional parameters. You can also do a Find In search based on modules so that the search is faster and the result is narrowed down to the module that you are interested to see the impact.

  • AutoComplete –has been improved to perform better compared to the prior versions.

  • API – There are new classes methods and properties added to PeopleSoft API’s.

  • Charts – There are new chart types such as rating gauge and Spark charts introduced. Also there are other minor improvements such as tool tips and user selection point highlighter etc.
Other Enhancements
  • Search – The search is improved to make it more user-friendly and usable. There are improvements which makes it look better. There are other functional enhancements such as user can drill into a search result and go back to the entire result ret without having to perform the search again. There is also an Activity Guide delivered for setting up new searches which can improve the productivity if the customers need to create custom search definitions and deploy them.

  • People Code Event Mapping – With this new functionality, customers can attach their custom code to any of the delivered application components people code events without having to customize the delivered People Code. Since this is not considered as customization, this functionality is greatly useful for customers to add their additional logic to delivered codeline without having any of the negative impacts of customization.

  • AE Log Analyzer – is a tool which will help the developers to analyze the AE logs.

  • PeopleSoft Deployment Packages (DPK) – will help you install new TEST, UAT or DEV environments with the almost same ease as installing other software which you might install at home.

  • Oracle Policy Automation Integration – Oracle Policy Automation is a tool where you can define business rules in English which will be automatically translated into the code language.

  • Materialized View – support is extended to DB2 and SQL Server platforms.

  • Security – There are many improvements to the Security structure of PS.

  • Automated Configuration Manager – will help you to automate several configurations such as integration settings, Node configurations etc. This will of extra help when you are creating a new PS environment in your organization.

  • PUM Dashboard and Change Assistant – There are improvements in these items which will make it easier for you to apply the bug fixes and new features delivered by Oracle.

Followers