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.
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.
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.
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.
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.
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.
Yes, we have now developed a very basic fluid
application to start with.
Great article. Glad to find your blog. Thanks for sharing.
ReplyDeleteUI/UX Designing Course in Chennai
Hi Good day....
ReplyDeleteExcellent post and very useful for everyone...keep updating
php training in coimbatore
seo training in coimbatore
web design training coimbatore
It is like with anything else it has to be checked on and serviced to keep everything running smoothly.paintglow
ReplyDeleteThanks for taking the time to discuss this, I feel happy about it and love to learn more on this topic.
ReplyDeleteui ux design course in Chennai
ux design course in chennai
ui ux course in chennai
Web Designing Course in chennai
web designing training in chennai
AngularJS Training in Chennai
ccna course in Chennai
ui ux design course in Velachery
ui ux design course in T Nagar
ui ux design course in OMR
wow great Article, the details you have provided are much clear, easy to understand, if you post some more Article, it will be very much useful for me.thanks for your information really good and very nice web design company in velachery
ReplyDeleteIt's really good to read this blog. Keep updating.
ReplyDeletemultithreading example in java
while do loop java
string operations in java
non primitive data types in java
what is oops concept
angularjs interview questions for freshers
Great Article
ReplyDeleteJournal
Paper Writing Services
projects for cse
JavaScript Training in Chennai
JavaScript
Training in Chennai
Project Centers in Chennai
Amazing article, Really useful information to all, Keep sharing more useful updates.
ReplyDeletedata science skills
latest new technologies
ccna job opportunities
courses with guaranteed jobs
cyber security interview questions pdf
java interview questions and answers for freshers