Upload
baskara-dewa-putranto
View
218
Download
0
Embed Size (px)
Citation preview
7/26/2019 Step by Step PeopleSoft
1/11
i-like-trains.blogspot.co.id
Graham's PeopleSoft Blog: Step byStep
PeopleTools 8.54 delivers Fluid, a complimentary new user
interface designed for mobile and desktop devices (see it in action
here). If you don't already have tools 8.54 installed grab Image 008
for HCM or FSCM (see Doc ID 164184.2on MOS) and follow thissimple step by step guide to create your first Fluid application. If
you know Application Designer then all of this will be familiar.
You'll need access to a PeopleTools 8.54 environment and
Application Designer. I hope some find this useful.
Step 1 - Enable the Fluid Homepage
In the FSCM 008 image and maybe the HCM image the link to the
Fluid Homepage is not visible (even though it exists in the Portal
Registry). Follow this video to enable the link. Basically you just
need to create a new content reference link based on the existing
Fluid Homepage link.
Step 2 - Create a Fluid Page
Note the new definition type of Page (Fluid). However, a Fluid
Page is just aStandardtype Page with the Fluid checkbox ON in
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
2/11
Page Properties / Use.
You'll be prompted to select a Layout Page. Layouts (as the name
suggests) control the page framework. A Fluid Layout page is a
Page of typeLayout. For this sample app we'll use a simple,
predefined layout calledPSL_APPS_CONTENTwhich gives us a
simple, single frame view.
Name the page and SAVE. It will prompt to copy PeopleCode but
this page layout has no PeopleCode so it won't matter what you
select here.
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
3/11
Let's put a button and a description field on our page. When thebutton is clicked we want to display "Hello World". So, create a
work record and addACCEPT_BTNandDESCRfields along with
some PeopleCode on FieldChange event of the button field.
GRS_FLUID_WRK.DESCR = "Hello World";
Now we'll just set the button link properties to tidy up the display,
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
4/11
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
5/11
Step 3 - Create a Fluid Component
Now we'll create a Component and add the new page.
And now the "magic sauce".... TICK theFluid Modeproperty on the
Fluid TAB. It's this property that tells PIA to render this component
in Fluid rather than "Classic" mode.
Our sample application won't be displaying any data so we'll set the
search record to the commonly usedINSTALLATIONtable.
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
6/11
Step 4 - Add Component to Menu
Save your new component and Add to a menu. As with all other
components the purpose of adding to a menu is to allow permission
lists to grant security access.
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
7/11
Step 5 - Register the Component
Now, with the Component open click the Register Component
button to invoke the portal registration wizard.
To keep things simple we're going to add our Fluid application to
the portal folderPTFL_PEOPLETOOLS. You can of course create
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
8/11
your own portal folders to organise Fluid Applications or add them
to existing folders.
Again, just to keep things in this walk through simple I'm using the
ALLPAGES permission list to grant access for my user (in this case
VP1) .
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
9/11
Step 6 - Add the new Application Tile to your Homepage
Access the Fluid Home Page.
Use thePersonalize menu item to add a new Tile to your
homepage.
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
1 3/8/2016
7/26/2019 Step by Step PeopleSoft
10/11
Here's what your new Tile should look like. The icon and label are
set in the Structure & Content / NUI Attributes TAB. (See Appendix
below)
Click the Tile and test your application.
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b
11 3/8/2016
7/26/2019 Step by Step PeopleSoft
11/11
You may notice that it doesn't seem to matter where on the page
you place the fields - the layout will always be the same. This is
because unlike the "pixel perfect" Classic interface the Fluid UI is
designed to be "responsive" to the size of the display device and so
will control the layout of page objects in a free-flow style. What's
controlling the field sequence on the page is the Field Order.
Appendix - How to control Tile Display
The Tile contents, Size and Behaviour can be set using the NUI
Attributes on the CREF in Structure and Content. The contents can
be either
a static label and icon
HTML returned by an iScript
results from any component
results from a PeopleSoft URL
am's PeopleSoft Blog: Step by Step about:reader?url=http://i-like-trains.blogspot.co.id/2014/10/step-b