Images in PeopleSoft Fluid UI
All objects used in this demo and instructions are available at PeopleToolsTechTips.com https://peopletoolstechtips.com/image...
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/face...
PeopleSoft Fluid UX Standards
https://docs.oracle.com/cd/E65859_01/...
Production Notes:
A PT3 Production
Presenter: Randall Groncki
Camera Kid: Anjelica Groncki
Lebowski Photo https://creativecommons.org/licenses/... https://www.flickr.com/photos/sleeper...
Music: Vlad Gluschenko — Overseas License: CC BY 3.0: https://creativecommons.org/licenses/... / @vladgluschenkomusic