Thursday 8 January 2015

PeopleSoft Fluid User Interface

 With the latest release of PeopleTools 8.54  , Oracle has introduced  the Fluid User  Interface experience.
The Fluid UI provides the users with the ability to access PeopleSoft applications across a variety of form factors from smart phones to tablets to desktops/laptops. Fluid also provides a common user experience on variety of devices regardless of the screen size. Through this responsive design, browser will resize itself depending on device size.

Lets have  a look at the home page that is rendered after the latest peopletools has been used.



The important features of home pages are as below:
  •  Home Pages
  •  Tiles
  • PeopleSoft Search widget
  •   Notifications widget
  • Actions widget
  • Navigation Bar widget.
The fundamental feature of the Fluid Model is the Home Page which provides the base for the users or the customers to navigate and carry out the respective works.
In a way Fluid home pages are similar to the current home pages but  fluid model provides the end user with the new User experience that renders well on the dashboard or the home pages.

Tiles/Grouplets are lifeline of Fluid UI page. Tiles help the user to navigate to a fluid page or classic PIA page.

Business Benefits

  •  Device independent
  • Gives the response based on user device
  • Can be personalized based on needs e.g. Tiles can be added or deleted from homepage based on personal needs

      Development Steps 

Let us design a simple fluid UI page for following requirement..
  • To create a fluid homepage for Recruiter
  • To add a tile for Applicant search
      1) Development of Fluid Home Page


Developing a fluid home page is fairly easy and is done through PIA.
Navigation:  Peopletools> Structure and Content>Fluid Structure and Content>Fluid Homepages.

Add a new homepage. Usage Type should be Landing Page as shown in figure below.


       2)      Development of a Fluid Component

Development of a fluid component goes in the same traditional PeopleSoft way- creation of fields, record, page, component, menu and finally creating the content reference. Fluid properties are defined at page and component level.

Step1: Create a new fluid page



While creating a new fluid page, choose Layout Page. Layout page is the template page for a fluid UI page.

Step2: Select Fluid UI Page Properties

After page is created, fluid UI properties can be set in Page properties.



In Page properties, user should focus more on Form Factor Override and Suppress Form Factor.
Form Factor Override: Overrides the style of page based on device size.
Suppress Form Factor: Suppresses the page from displaying based on device size. E.g.  If Small is checked, page will not appear on most smart phones.

Step 3: Create a new component.

Creating a new fluid component works in the same traditional PIA way. But the search pages are not displayed for fluid applications.

Step 4: Set component fluid properties



As shown in above figure, there are two main checkboxes, Fluid mode and Small Form Factor Optimized


Step6: Add the Tile in home page

Navigation: Main Menu>Fluid Home>Homepage 
  1. Click on Action Widget
  2. Click on Personalize
  3. Click on Add Tile
  4. Select the content reference which has to be added as a tile.
  Fluid UI is ready for test.








Clicking on tile 'Applicant List' will open  the designed Fluid UI page.






















Best Practices:
 Always check Display on Small form Factor Homepage while creating the content reference. This will show the tile on small devices
.
Limitations:
  • Classic PIA search for a component does not work in Fluid. User should create a separate search by selecting the correct layout.
  • Currently, only light weighted applications can be deployed in fluid mode e.g. components like add a person, job data which demands heavy data entry are not suited for fluid mode.
  • Currently, some features, like spell check, rich text editor, Find In for grids, Download to Excel, modal movement or re-sizing, are not available in fluid.

         Author: Madhur Mohini
  Kovaion-Peoplesoft Consulting Practice
         Email: madhur.mohini@kovaion.com




23 comments:

  1. is it possible to change the tile image at run time in fluid mode?

    ReplyDelete
    Replies
    1. Yes, but you aren't exactly changing a tile image, but rather the representation of the tile. Tiles do not need to be images. They can be page fragments or iScripts. If your tile is a page fragment (group box) or an iScript, then you can use PeopleCode to determine what content to display in the "Tile."

      Delete
  2. I have personally used several WP landing page creator software, but I liked using InstaBuilder2.0 the most, because of its user friendly interface that allows total freedom of making experiments.

    ReplyDelete
  3. Is the fluid component able to support component interface tool and web services?

    ReplyDelete
  4. Hi, Can I just say what a relief to find someone who actually knows what theyre talking about on the internet. You definitely know how to bring an issue to light and make it important. More people need to read this and understand this side of the story. I cant believe youre not more popular because you definitely have the gift.

    ReplyDelete
  5. Utilizing an exposition composing administration or employing somebody who can compose your paper could appear to be paper writers for hire somewhat obscure from the outset however have confidence that that multitude of papers are composed by experts and are totally lawful.

    ReplyDelete
  6. Curiously, recruiting somebody to finish your work isn't an infringement of intellectual Write Essays For Money Uk property regulation in the us and the uk, so understudies can not be expected to take responsibility for a common or criminal offense. Simultaneously, affirmation necessities make editing a sort of copyright infringement as well.

    ReplyDelete
  7. Long legs and short middle is viewed as ideal on the grounds that long legs are more valued than a long midriff and they can make an individual look taller than they are. An individual with long legs can fool the eye into trusting that they're tall despite the fact that they're short to average level.

    ReplyDelete
  8. Task help ѕеrvісе іѕ ѕоmеthіng thаt ѕtudеntѕ сrаvе fоr nоw a dау. Thіѕ іѕ bесаuѕе thеу dо nоt mееt thе dеаdlіnе оr mееt аll thе сrіtеrіа fоr a tаѕk. Sо thеrе іѕ a lоt оf task оf hеlр composing ѕеrvісеѕ іn UK. Thеѕе ѕеrvісеѕ knоw thе соrе оf task wrіtіng аnd thеrеfоrе аrе hіrеd bу dіffеrеnt ѕtudеntѕ frоm vаrіоuѕ асаdеmіс аrеаѕ.

    ReplyDelete
  9. Coal, fertiliser, and agriculturalEarthwork service texas in houston supplies are just a few of the earth work services

    ReplyDelete
  10. All players, from novices to seasonedGaming companies in Dubai gamblers, can participate in tournaments, which offer a selection of game modes.

    ReplyDelete
  11. This is where a business loan Back to Back LC transactions in Dubaican help, as it provides you with an immediate infusion of cash to finance your growth, which you simply repay in small amounts on a regular basis.

    ReplyDelete
  12. Indeed, you got to pose a few inquiries, top lawyers toronto and beneath we have thought of a few significant considerations that you really want to make while picking a criminal protection lawyer.

    ReplyDelete
  13. Make some extra spending money Dubai Audit Firms for yourself by making referrals there is no cap on the number of awards you can earn or receive  We will give you every payment we made to a new client in the first month.

    ReplyDelete
  14. Oracle is a major step towards making PeopleSoft applications more accessible and user-friendly. With Fluid UI, users can now seamlessly access these applications on a wide range of devices, which is a great convenience. On a similar note,Auto Detailing Ottawa aims to make car maintenance and detailing more accessible and convenient for vehicle owners.

    ReplyDelete
  15. Oracle's latest release of PeopleTools 8.54 is a game-changer with the introduction of the Fluid User Interface experience. This update brings a modern and intuitive design that enhances user productivity and satisfaction. Just like the transformative impact of Lime Kiln Dust in Orlando, this release will undoubtedly elevate the software experience to new heights. Get ready to embrace a new era of user-friendly functionality.

    ReplyDelete
  16. This tale needs to be read and understood by more people. You have the gift, and I can't believe you aren't more well-known. Accounting Services

    ReplyDelete
  17. Embrace the modern and intuitive PeopleSoft Fluid User Interface for a seamless user experience. Just like the smooth flow of our commercial and residential fencing solutions, PeopleSoft Fluid UI ensures easy navigation and efficient interactions for users.

    ReplyDelete
  18. Exploring the dynamic PeopleSoft Fluid User Interface – a seamless way to interact with technology. 💻🌐 And speaking of seamless experiences, treat your vehicle to a revitalizing Car Wash Ottawa in services, where professional care restores its shine.

    ReplyDelete
  19. PeopleSoft's Fluid User Interface offers a seamless and user-friendly experience for managing your enterprise data. To keep your IT infrastructure organized, consider Electra cable management system abu dhabi They provide efficient cable routing and ensure your workplace stays connected and clutter-free

    ReplyDelete
  20. Intriguing insights into PeopleSoft Fluid User Interface! As you navigate the fluidity of digital interfaces, ensure the precision in your industrial processes with reliable transfer pumps in Dammam Just as PeopleSoft enhances user experiences, these pumps elevate operational efficiency, creating a seamless flow of chemicals for various applications. Here's to user-friendly interfaces and chemical precision!

    ReplyDelete
  21. "Fluid UI revolutionizes PeopleSoft accessibility, seamlessly adapting to diverse devices for a consistent user experience. Just like the smooth interface, savor the indulgence of chocolate truffle in Dammam – a treat that's as rich and delightful as the innovative design!"





    ReplyDelete