Images in PeopleSoft Fluid UI

All objects used in this demo and instructions are available at PeopleToolsTechTips.com https://peopletoolstechtips.com/images-in-peoplesoft-fluid-ui/ Images are an important part of the modern User Experience (UI). The tools for placing images on a page are those same tools we use on classic pages. The only real difference is that we now use the “Fluid” tab on the Page Field Properties to control how that image displays. Skip forward to sections: 0:00 Intro 1:32 Oracle Fluid Guides 2:18 Finding Examples 3:29 EM Measurements in CSS Live Code Examples 5:46 Demo Introduction 6:42 PSSTYLEDEF_FMODE Review 7:36 Width and Height 8:56 Max Width and Max Height 11:32 Skewed Images 12:33 Form Factor Override 13:56 Image Style Examples Oracle Documentation PeopleSoft Fluid User Interface Supplemental Documentation (Doc ID 1909955.1) https://support.oracle.com/epmos/faces/DocumentDisplay?id=1909955.1 PeopleSoft Fluid UX Standards https://docs.oracle.com/cd/E65859_01/fluid_ux/index.html Production Notes: A PT3 Production Presenter: Randall Groncki Camera Kid: Anjelica Groncki Lebowski Photo https://creativecommons.org/licenses/by-sa/2.0/ https://www.flickr.com/photos/sleeper-cell/2364378947 Music: Vlad Gluschenko — Overseas License: CC BY 3.0: https://creativecommons.org/licenses/by/3.0/deed.en https://www.youtube.com/channel/UCbDI_amaP4s_AdBskpskAtw