Why My Static Image On PeopleSoft Fluid Page Is Not Responsive?

Howdy Coders!

Have you tried adding a static image on the fluid page and noticed that your image was not responsive to a small form factor device?

If you have that problem, read on...

So, I added a static image to the fluid page (For sample purposes, I am just using the header logo from Sign In page), That's the easy part!

Save the page, and test it on a browser.

Here is what it looks like on my iPhone on landscape mode.  Looks good!

 

Now flip the phone to a portrait mode,  TA-DAH!! What happened with the logo.  DOH!!, it did not resize!  What's wrong!



Here is what I found.

The static image by default is using a stylesheet class called ps-staticimg.  However, the default PSSTYLDEF_FMODE.CSS does not have a reference of ps-staticimg class.  That's the problem!




All you need to do if you are facing this problem is to add ps-staticimg class with an attribute max-width = 100% yourself;   How do I do that?  The simplest way is to add an HTML area to the top of your fluid page and add the CSS style class in it.



That's what you need.  Now let's test the page on the iPhone again on Portrait Mode.

Wait for it...Ah! That looks better!




Now you have a simple trick how to get your image to work correctly on your fluid page.

Happy Coding!

PeopleSoft Talk on PeopleSoft Investment Strategy

I have been always a PeopleSoft fan and till this day, I am still a strong believer that PeopleSoft is still a viable solution and continues to stay very competitive in the software industry for a long time.

In most cases, many software as old as Peoplesoft is near to its retirement or had retired by now. Why? when software reaches its development lifecycle, the product is becoming stagnant and soon become disposable and replaceable. I am glad that PeopleSoft is NOT on the disposable list. Oracle is still committed to PeopleSoft to enhance and deliver more powerful features and business functionality. I think that's a really good news to PeopleSoft community.

Let's hear what Paco Aubrejuan, Senior Vice President has got to say regarding these key items below. 

What is a future of PeopleSoft?
What is Oracle commitment on PeopleSoft products?
Why should you look into deploying your PeopleSoft instances to Oracle Public Cloud?
Why should you jump onto PeopleSoft 9.2 with fluid deliverables and selective adoption model?

 

The Inventory Cost Balancing WorkCenter Video Feature Overview

The PeopleSoft Inventory Cost Balancing WorkCenter enables you to complete the inventory cost ledger before the ledger closing period. Using the WorkCenter, you can view the outstanding transactions as alerts, find the required information, and easily make sure the accounting line items are in balance with your Inventory Ledger costs.

PeopleSoft CS 9.2 PUM Update Image 3 is now available

The CS 9.2 PUM Update Image 3 is now available from the PeopleSoft Update Manager (PUM) Home Page (Doc ID 1641843.2) by selecting the Update Image Home Pages tab, choosing Campus Solutions Update Image Home Page and expanding the section CS Update Image Link.

Where to learn more:
The Campus Solutions Update Image Home Page’s Additional Documentation section contains convenient links including:
PeopleSoft Campus Solutions 9.2 Documentation Home Page (Doc ID 2013381.1)
PeopleSoft CS 9.2 Update Image Overview (Doc ID 2116071.1)
PeopleSoft 9.2: Campus Solutions Update Image Documentation (Doc ID 2117001.2).

CS 9.2 PUM Image 3 contains a number of Campus Solutions Fluid UI features which are highlighted in the video below: