How to freeze a layout or a layout or part of a screen in section?
Lets say we have 2 parts in a section and left part you want to freeze and right side you want scroll bar. To freeze a layout add below logic.
SOLUTION:
Write below code in userworkform html fragment or in text file . (Text file should be called from harness of that section or skin rule ->included styles tab)
code:
<style> .freezelinks { position: sticky; top: 30px; } </style>
Now refer this name freezelinks in layout settings->presentation tab->enable Display advanced presentation options-> content css class-> Give name freezelinks.
Save your changes.
HCA Healthcare
US
To freeze a layout in a Pega section, write a CSS class in the userworkform HTML fragment or a text file included in the Harness or Skin Rule. The CSS code is:
<style> .freezelinks { position: sticky; top: 30px; } </style>
Apply this class to the layout by editing the section, selecting the layout, and in the Presentation tab, enable Display advanced presentation options. Set freezelinks as the Content CSS class. Save your changes, and the selected layout (e.g., the left part) will stay fixed, while the other part (e.g., the right side) will scroll. Adjust the top value in the CSS as needed for your design.