In this post I would like to share three “easy to implement” tips that will prove helpful in PeopleSoft Fluid applications development. I have selected the topics such a way that the development of each item discussed below could be completed within five minutes of time with proper knowledge, which otherwise would take a lot of time to be spent on css, pagelayouts, code debugging etc.
The first topic I would like to explain is how you would be able to build tab selection buttons or button sets very easily in PeopleSoft fluid application similar to the one shown in the below picture.
You will be surprised to know how easy it is to create such tabs for your applications as well. The steps you have to follow will be as below.
Step 1: Create a field with translate values. Each translate value will be one of the selection option in the tabs.
Step 2: Create radio buttons for each translate value on the page you intent to show the tabs and wrap all the radio buttons within a group box of type “layout only”. Provide the style class “ps_button_bar” to the group box.
Step 3: Write peoplecode on the Field Change event. Here you could write the logic for selection of each value.
Step 4: Test the page. You are done with the tabs. J
The next easy to create item I would like to mention here is how a header panel can be generated on Fluid pages. The header panel in fluid design is a section on top of the page where high level information on the transaction can be mentioned. This is often used in conjunction with the left panel and is termed as the three panel layout.
Let us go through the steps to create a sample header panel for a PeopleSoft Fluid page.
Step 1: Add a group box to your main page. In the Fluid tab, set the group box type as “Custom Header Bottom”. Set the style class as “ps_apps_pageheader” and save the page.
Step 2: Put any other fields or labels you want to be the part of the header inside the group box you have created in Step 1.
Step 3: Test the page. Yes, your page header is already ready to be tested.
Setting the Page Title at Runtime
The last tip I would like to share here is how you could dynamically change your fluid applications title displayed on the fluid tool bar. By default PeopleSoft will be displaying the name of the currently displayed page as the title on the header. Once you tab across different pages within a component, the system will automatically change the title to the one defined on the component definition in application designer.
There can be cases where you would like to display some other information or live metrics as the title rather than the static text defined in the application designer. You could follow the below step to change the page title dynamically using peoplecode.
Step 1: On the page activate event, write the below people code. Replace the title with the one you would like to have – include variables, field values etc of your choice.
PTLAYOUT.PAGETITLE_GROUPBOX.Label = "This is my new Page Title";
Step 2: Test your application. Isn’t it simple?