Automatic Section Adjustments on Small Form Factor Devices

From PeopleTools 8.62.02, a section automatically adjusts to narrow browser windows (browser window widths below a given breakpoint) to handle small form factor sizes without having to adapt based on being identified as a small form factor at login. The breakpoint for section adjustment is set to occur below 453 pixels.

Section adjustment or compression below 453 pixels includes the following changes:

• All sections behave as full-width sections. Full-width sections have the following characteristics:

  • Sections do not have rounded corners (squared corners).

  • Sections do not have shadows.

  • Sections span entire width of the homepage.

• Homepage gutter is set to 0 pixels.

• Internal spacing of section is reduced; adjusts the section action button spacing if it exists.

• Section gaps are reduced.

Note:

You can disable the auto-adjustment feature by applying the psc_section-compression-none style at the homepage level (in the PS_STYLECLASSES homepage attribute properties of the homepage content reference definition).

Some reasons why you may decide not to use the auto-adjustment feature:

• 453 pixels is not the desired breakpoint for your landing page implementation.

• The behavior performed by the auto-adjustment feature is not the desired behavior. Behaviors may not work as expected because default styling of sections, gaps, spacing or padding, or tile collections were not used.

• Implementors did not use styling provided by PeopleTools to layout the landing page in which case all auto-adjustment needs to be owned by the implementor.

• You may have your own design for responsiveness, which conflicts with the auto-adjustment behaviors.