Option to freeze layout like position sticky

General
,
1

Is there an option to Freeze a layout? like Position: Sticky.

Browser Inspect to include Position: Sticky. also configuration on Skin rule.

.sticky-section {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
}

2

Pega does not have a generic OOTB “freeze layout” option similar to position: sticky for all layouts. For tables/grids, there are supported features such as freezing the grid header, but for a general section or layout the usual approach is to apply custom CSS through the Skin rule or included stylesheet.

So yes, using a custom CSS class like

.sticky-section

{

position: sticky;

top: 0;

z-index: 1000;

}

is the right direction, but its behavior will depend on the surrounding container and overflow settings in the generated Pega markup