Working with Grids in PeopleSoft Fluid

Grids in Peoplesoft Fluid have awesome features. you can transform you basic page grid to very interesting card view/ List view design.

Have you ever noticed My Team page of Fluid on card view which is actually a Grid.

lets see how a simple line of CSS can convert your basic list view of grid to Card view.

| 

|

This is the default Flex grid view, we used to show on our Fluid pages.

to convert this into card view we just need to add one group box on top of this grid and change the type of Grid from Flex to Div Layout Grid from grid property.

here are the snapshot for the same

Once these changes are done. create on free form style sheet "GR_STYLE_SHEET" and add below class code in that and add the same on page activate code as given below. this will change the grid row styling.

/*add this line of code on page activate event */

AddStyleSheet(StyleSheet.GR_STYLE_SHEET);

.grid_card .ps_grid-row {

  height:100px;

  width:100px;

  margin-right:0.2em; 

  margin-left:0.2em; 

  margin-top:0.3em;

  margin-bottom:0.3em;

  vertical-align:top;

  border-radius:5px;

  background-color:rgb(200,215,234);

  overflow:hidden;

  cursor:pointer;

  display:inline-block;

  text-align:left;

}

Now add this style class "Grid_card" to the group box we have added on top of grid on page. save the page and see the changes.

PeopleSoft Recovery Process In Process Definition

if you have any requirement to trigger a process/report only in case of any of your process failure.

So for such scenarios this feature of process definition will help you.

if you will mention any process in this section, same will get triggered in case of Error/No success of the process only.

Hope this will help in some cases!!