Style Matching for a Truly Seamless User Experience

We offer a handful of services designed to improve the end-user experience. The two most commonly sought after services are our Style Matching service and our Component Shaping service.  We’ll cover Component Shaping in our next post.  Style Matching, however, is typically the first step towards applying a new look and feel to the PeopleSoft content that InFlight extends to your SharePoint, .NET or open source portal.

During Style Matching, InFlight will apply the master page styles and CSS from your existing SharePoint, .NET or open source portal to the integrated PeopleSoft content. There is only a need to apply this service to your environment one time. The style matching will then apply to any current or future PeopleSoft functionality that you choose to incorporate into the portal.

In the below video you’ll see how Style Matching is applied and how it generally works. This video is the last in a 4 part series of InFlight Minutes videos that show how InFlight gives you complete control over the PeopleSoft user experience. The other 3 videos can be found in the Content Shaping Series post.

To give you an idea of how Style Matching alters the look and feel of PeopleSoft, we’ve included a couple of before and after screen shots from one of our recent customers, the Kentucky Community Technical College System (KCTCS).

Before Style Matching: My Benefits Summary

The following screen shot shows the native PeopleSoft HCM 9.1 My Benefits Summary from our demo environment. As you can see, the full browser window in PeopleSoft is pretty wide, but the actual PeopleSoft Benefits Summary content occupies a 3-column table that takes up less than 1/2 of the page. Click into the image for a larger view.

After Style Matching: My Benefits Summary

Now, take a look at the PeopleSoft HCM Benefits as seen in the KCTCS intranet portal. There are three things that we want to point out.

• First, you’ll see that the InFlight software trims out the excess, empty space from page to display only the content from the Benefits Summary table.
• Second, you’ll see that the content has assumed the same stylish look and feel of the rest of the page.
• Finally, note the tabbed layout. This makes it easier for the user to navigate through the relevant PeopleSoft content. KCTCS has even chosen to include PeopleSoft Leave Balance functionality, which has proven to be a popular addition to many intranet portals.

Style Matching: PeopleSoft Life Events   

In the below screen shot you can see how Style Matching is applied to the PeopleSoft Birth/Adoption Life Event functionality so that it too assumes the look and feel of their portal. After our Style Matching service has been performed, any additional functionality a client chooses to extend to its SharePoint, .NET or open source portal will automatically assume the desired look and feel.

Contact us for more information, or check out our gallery of videos for additional ways in which InFlight enables you to modernize the look and feel of your enterprise applications.